Как заставить исполняться функцию, каждые 500px прокрутки страницы?

Question

[Shimpanze]

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

Мне необходимо выполнять определенную функцию каждые 500px прокрутки страницы. Делаю так:

window.addEventListener("scroll", function() {

  if ( window.pageYOffset % 500 === 0 ) {
    console.log("Очередные 500");
  }
}, false);

Но прокрутка не всегда попадает на круглые числа (500, 1000, 1500 и т. д.) и тогда выполнение функции не происходит.

Вопрос: как выполнять функцию по одному разу при прохождении точек 500, 1000, 1500 и т. д.?

Спасибо!

Answer 1

[dollar]

var old = 0;
window.addEventListener("scroll", function() {
  let now = Math.floor(window.pageYOffset / 500);
  if ( now > old ) {
    console.log("Очередные 500", now);
    old = now;
  }
}, false);