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

Question

我使用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 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')
    }

});