Всем привет! Подскажите, пожалуйста, как с помощью jQuery
определить позицию страницы?
Задача следующая: есть div
, который должен принимать свойство fixed
при сдвиге страницы вниз на 150px
.
Заранее благодарен за помощь!
Примерно так
$(window).scroll(function(){ // отслеживаем событие
if ( $(window).scrollTop() >= 150 ){ // ставим условие
$('#div_to_fixed').css('position','fixed'); // определяем действие
}
});
Про .scroll
Добавляем class="fixed" в элемент с id="header" если ниже 150px, если выше class="fixed" убираем:
$(window).scroll(function(){
var h = $('#header');
if ( $(window).scrollTop() > 150 ){
h.addClass('fixed');
} else {
h.removeClass('fixed');
}
});
Зачем давай класс если можно передавать свойство?
$(window).scroll(function(){
var h = $('#header');
if ( $(window).scrollTop() > 150 ){
h.style.position = 'fixed';
} else {
h.style.position = '';
}
});