移动端监听网页滚动如何写比较兼容？

Question

window.addEventListener('scroll',function(e){
    console.log('scroll', e)
}, );

这么写有个问题，根元素如果高度是100%，就没有 scroll 事件了。

请问用什么事件写比较合适呢？ 我的目的是监听网页滚动方向

Answer 1

移动端滚动建议用模拟滚动，类似betterScroll这种，性能略微差点，但是能接受。原生的坑比较多。

Answer 2

滚动事件不光是可以监听 window 的。比如 你有一个 id 为 caixukun 的div。它有滚动条。那你就可以监听它的滚动事件。

document.getElementById('caixukun').addEventListener('scroll', e => {
    console.log('scroll', e)
});