Bal oldalsáv rögzítése

Sziasztok



Hogyan tudnám azt megoldani, hogy a bal oldali sáv ahol a menü és néhány widget van azokat rögzítsem, és ha a le-fel lapozok a tartalomban akkor azok mindig látszanak?

Köszönöm előre is annak aki tud segíteni!

  1. hozz létre egy my-script.js fájlt a sablon könyvtárban az alábbi tartalommal, és állítsd be a megfelelő oldalsáv ID/class-t (a lenti példában .sidebar):
jQuery(document).ready(function($){<br />
var sticky = $('.sidebar');<br />
var stickyTop = sticky.offset().top;<br />
$(window).scroll(function(){<br />
var windowTop = $(window).scrollTop();<br />
if (stickyTop < windowTop) {<br />
sticky.css({ position: 'fixed', top: 0 });<br />
} else {<br />
sticky.css('position', 'static');<br />
}<br />
});<br />
});
```<br />
2. add hozzá a functions.php-hoz az alábbi kódot:<br />

function add_my_script() {

wp_enqueue_script( ‘my-script’, get_stylesheet_directory_uri() . ‘/my-script.js’, array(‘jquery’), ‘1.0’, true );

}

add_action( ‘wp_enqueue_scripts’, ‘add_my_script’ );