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

254

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>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

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

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

404

javascript

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

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

350

javascript