1

Всем привет! Подскажите, пожалуйста, как с помощью jQuery определить позицию страницы?

Задача следующая: есть div, который должен принимать свойство fixed при сдвиге страницы вниз на 150px.

Заранее благодарен за помощь!

4 ответа 4

3

Примерно так

$(window).scroll(function(){                              // отслеживаем событие
   if ( $(window).scrollTop() >= 150 ){                   // ставим условие
      $('#div_to_fixed').css('position','fixed');         // определяем действие
   }
});

Про .scroll

1
  • так и сделал! спасибо за советы!
    – mt.NATS
    Commented 17 мар. 2013 в 8:32
3

Если вы про скроллинг страницы вниз то думаю поможет это - scrollTop

2

Добавляем class="fixed" в элемент с id="header" если ниже 150px, если выше class="fixed" убираем:

$(window).scroll(function(){
   var h = $('#header');
   if ( $(window).scrollTop() > 150 ){
      h.addClass('fixed');
   } else {
      h.removeClass('fixed');
   }
});
0

Зачем давай класс если можно передавать свойство?

$(window).scroll(function(){
   var h = $('#header');
   if ( $(window).scrollTop() > 150 ){
      h.style.position = 'fixed';
   } else {
      h.style.position = '';
   }
});

1
  • Как можно понять первое предложение в вашем ответе?
    – 0xdb
    Commented 12 апр. 2018 в 9:12

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.