Когда пользователь прокручивает и
navmenu
прийти к
margin-top 20px
тогда меню остановится и будет зафиксировано. Как я могу это сделать? navmenu - это Div id моего меню. Я стараюсь изо всех сил, и я не могу понять.
Вот код, который мне нужен...
$("navmenu").scrollTop(function () {
var height = $("navmenu").scrollTop();
alert(height);
if (height > 20) {
/* need help here */
}
});
Это работает при прокрутке на самой странице, вы можете настроить, если вы имеете в виду прокрутку определенного элемента.
CSS
#navmenu {
width:100%;
height:20px;
background:grey;
position:relative;
}
JQuery
$(window).bind('scroll', function () {
if ($(window).scrollTop() > 20) {
$('#navmenu').css('position', 'fixed');
} else {
$('#navmenu').css('position', 'relative');
}
});
navmenu - это Div id моего меню
Селектор navmenu
будет соответствовать элементам <navmenu>
(которые не существуют в HTML).
Вы хотите #navmenu
.