tiny-scroll-listener
一个监听滚动的小工具
安装
npm install tiny-scroll-listener
使用方法
const delay = const scrollListener = // 滚动容器,需设置 overflow: scroll/auto; element: document // 触底函数相关 distanceToReachEnd: 100 // 触底函数触发距离,默认为 100px async { console /** * 每次触发 onEndReached 函数后会自动阻止下一次触发,需要执行 done 函数来释放阻止 * (例如滚动到底部后开始做网络请求时,再次滚动到底部不会触发二次请求) * 如果 isOver 为 true 则不会再触发后续的 onEndReached * (例如已经加载了全部页,不需要再监听触底事件) */ await const isOver = false console } /** * 任意滚动位置函数相关,常见场景为滚动到某距离时出现“回到顶部”按钮 * onGoingIn、onGoingOut 只在值变迁瞬间执行一次,不会执行多次 * 可设置多组监听 */ distanceEvents: distance: 300 { console } { console } /** * 滚动的监听方向,vertical 为纵向,horizontal 为横向 */ direstion: 'vertical' // 手动解除监听scrollListener