0

Сейчас элемент находится, допустим, в 200px от топа. Как сделать так, чтобы после того, как будет проскроллено вниз 210px, то элементу будут заданы определенные стили?

1 ответ 1

2
$(document).scroll(function() {
  if ( $(this).scrollTop() >= 410 ) { 
    $('#myBlock').css( ... )
  }
});
3
  • на заметку: подобные функции рекомендуется оборачивать таким образом, чтобы её вызов не происходил слишком часто, наподобие _.throttle
    – Spectre
    23 июл 2012 в 17:57
  • Естественно, что все должно быть в разумных пределах и трактоваться поставленными задачами. К примеру, в данной задаче я бы не стал использовать _.throttle. Достаточно завести флаг установки нужных стилей и проверять при прокрутке документа высоту и установлен ли класс ( так что бы if() срабатывал только 1 раз для промежутка заданного ). Так как _.throttle будет делать подобную задачу и возможно большей кровью (использовать точно так же флаги + setTimeout )
    – iKuzko
    23 июл 2012 в 18:55
  • полностью солидарен, просто не мог найти более понятный пример объясняющий суть мысли
    – Spectre
    23 июл 2012 в 19:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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