Как выполнить функцию при скролле 1 раз?

Question

[makcimusprime]

Задача в том, чтобы одиночной прокрутке колесом мыши функция myFunction() выполнялась только 1 раз за 1 скролл. Сейчас она выполняется много раз за 1 скролл.
При загрузке страницы не с верху, а чтобы нужный блок попадал в экран - все норм. Работает как надо. Но если идет скролл до нужного блока - то функция выполняется много раз.

$(window).scroll(function(){
 $(".my-class").on('mousewheel', function(e) {
  if($(".my-class").hasClass("goscroll")){
   $('.my-class').bind("mousewheel", function() {
    return false;
   });
   myFunction();
  }else{
   $(".my-class").unbind();
  };
 });
});

Answer 1

[Stalker_RED]

$(".my-class").one('mousewheel', function(){
      // ...
})

Comments

[makcimusprime]

так она выполняется ВСЕГО 1 раз. Я имел ввиду чтобы только 1 выполнение за каждый скролл

[Stalker_RED]

makcimusprime, что такое "за каждый скролл"?
Кроме того, не помешает почитать документацию про unbind, да и вообще bind/unbind устарели лет 7 назад.

[makcimusprime]

Прокрутка колеса мыши на один "щелчок"

[Stalker_RED]

makcimusprime, браузер не знает сколько у вас там щелчков.
Это в лучшем случае знает драйвер мыши, и то не всегда.
К браузеру приходит событие "колесо провернулось на (число) вниз"
И эти события могут приходить пачками, пока юзер продолжает крутить колесо.

Возможно вам поможет throttle/debounce. Примеров в сети полно, есть и готовые примеры для колеса.

Answer 2

[aloky]

var scrolling = true;

$(window).scroll(function(){
  if (scrolling) {
   console.log(123123123)
   scrolling = false
  }
})

$.fn.scrollEnd = function(callback, timeout) {          
  $(this).scroll(function(){
    var $this = $(this);
    if ($this.data('scrollTimeout')) {
      clearTimeout($this.data('scrollTimeout'));
    }
    $this.data('scrollTimeout', setTimeout(callback,timeout));
  });
};

$(window).scrollEnd(function(){
    scrolling = true
}, 300);

Answer 3

[Владимир]

Debouncing
https://habr.com/post/60957/

Answer 4

[Сергей delphinpro]

Ловите нативное событие, оно вроде один раз на тик генерится. Но это не точно.

https://codepen.io/anon/pen/KByzJZ?editors=1011