比如页面向上滚动,,向下滚动,,滚动到顶部,滚动到底部,,这样子的监测 js 插件,,求推荐,。
1
DT27 2018-03-07 10:53:18 +08:00
jquery scroll 事件 http://www.jb51.net/article/48714.htm
|
2
hanzichi 2018-03-07 11:45:29 +08:00
自己写个呗,就几行代码
|
3
s609926202 OP @hanzichi
// 页面滚动监测 var bodyScrollTop = 0, bodyScrollBefore = 0; $(window).scroll(function () { bodyScrollTop = $(this).scrollTop(); // 滚动时给 header 加标识 $('.header').addClass('is-scrolled'); if (bodyScrollTop >= bodyScrollBefore) { // 向下滚动 console.log('向下滚动'); $('.header').removeClass('is-retracted'); } else { // 向上滚动 console.log('向上滚动'); $('.header').addClass('is-retracted'); } setTimeout(function () { bodyScrollBefore = bodyScrollTop; }, 50); }); 这是我写的,,但是不能很好的监测,,总是会有延迟。或者判断不准确。 |
4
hanzichi 2018-03-07 14:17:51 +08:00
|
5
luoway 2018-03-07 14:52:33 +08:00
楼主需要的是解决性能问题了,查下函数节流、去抖
|
6
s609926202 OP @hanzichi 这个是记录滚动前一时间点距离顶部的距离
|
7
hanzichi 2018-03-07 15:13:12 +08:00
@s609926202 及时记录啊,你这延迟 50ms 记录,当然感觉有延迟了。。
|