плагин perfect-scrollbar При достижении дна событие запускается несколько раз

Я использую плагин Perfect-Scroll

https://github.com/noraesae/perfect-scrollbar

И когда я использовал событие ps-y-reach-end

введите здесь описание изображения

document.addEventListener('ps-y-reach-end', (event)=> {
   console.log('Why this is printing multiple times when I reach Bottom, I wanted it to be single fire')
 });

Проблема в том, что событие срабатывает более одного раза, когда прокрутка достигает дна контейнера.

Демонстрация JSFiddle

Веб-консоль печатает: введите здесь описание изображения

Прокрутите ось Y вниз, и вы увидите консоли несколько раз.


javascript perfect-scrollbar dom-events
person RONE    schedule 10.08.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам нужно использовать логический флаг, чтобы справиться с этим

var el = document.querySelector('.container');

Ps.initialize(el);
let loading = false
document.addEventListener('ps-y-reach-end', (event) => {
    if (!loading) {
        loading = true
        alert('Why this is printing multiple times when I reach Bottom, I wanted it to be single fire')
    }

});
person PirateApp    schedule 02.11.2019