perfect-scrollbar plugin在到达底部时，会多次触发事件

Question

我正在使用完美滚动插件

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 Demo

Web控制台打印：  

请将y轴滚动到底部，您将多次看到控制台

Answer 1

您需要使用布尔标志来处理此问题

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')
    }

});