关于vue中滚动监听失效问题

Posted 情绪控攻城狮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于vue中滚动监听失效问题相关的知识,希望对你有一定的参考价值。

在vue项目中,

 

监听window滚动失效;并且document.body.scrollTop一直是0的情况!

查找了许多资料;并没有找到合理的解决方案;

最中发现,在index.html设置了html,body的宽高设置成了100%;

这样会造成window.onscroll监听不到正确的滚出高度(恒为0);

不和你们多bb:解决方案:

将html,body的height设置为auto;即可解决!!

以上是关于关于vue中滚动监听失效问题的主要内容,如果未能解决你的问题,请参考以下文章

询问关于javascript事件监听失效的问题

关于position: sticky在小程序中IOS真机下偶然失效的问题总结

记录:uni-app 监听浏览器返回事件,onBackPress生命周期失效问题

移动端局部滚动overflow失效问题

移动端局部滚动overflow失效问题

关于angular和vue双向绑定失效问题的解决