Выполнять действие при скролле каждые 30px

205
20 июля 2017, 01:16

Здравствуйте,

Получаем значение скролла и указываем промежуток в котором необходимо выполнить действия:

var scroll = $(window).scrollTop();
if(scroll >= 100 && scroll <=1000) {
}

Затем необходимо в указанном промежутке, каждые 30px выполнять какое-либо действие.

Answer 1

Почему не использовать scroll? и так уже проверять промежуток Пример на :JSFDD Click

var count = 0;
$(window).scroll(function (e) {
     console.log(pageYOffset); 
  console.log(count);
  if (pageYOffset > 100 && pageYOffset < 1000) {
    if (pageYOffset - count > 30 ) {
        // ВАШИ ДЕЙСТВИЯ
      count = pageYOffset;
    }
  }
});
Answer 2

Например дополнительной проверкой:

let lowerScrolledPosition = 0; 
 
$(document).scroll(function() { 
  let scroll = $(window).scrollTop(); 
  if (scroll >= 100 && scroll <= 1000 && lowerScrolledPosition < scroll - 30) { 
  lowerScrolledPosition = scroll; 
    console.log(lowerScrolledPosition); 
  } 
});
.fake { 
  height: 10000px; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="fake"></div>

READ ALSO
Как определить город юзера?

Как определить город юзера?

В последнее время вижу много сайтов, которые при открытии выдают модальное окно с предполагаемым городом и выбором другого, если определенно...

366
Нет подсказок в Форме в Safari

Нет подсказок в Форме в Safari

Заметил такой баг или не баг, что в safari при нажатии "отправить" с пустыми полями не выводит подсказок типа "Заполните это поле", подсказки стандартные,...

305
Получить изменяющийся value=&ldquo;&rdquo; JS

Получить изменяющийся value=“” JS

Как получить изменяющиеся значение value и передать его в другой элемент:

245
window.onbeforeunload перестал работать при подключении angular

window.onbeforeunload перестал работать при подключении angular

ЗдравствуйтеУ меня есть обработчик который удаляет пользователя из дати, если тут покинул или перезагрузил страницу, но при подключении...

253