0
点赞
收藏
分享

微信扫一扫

onscroll事件没有响应的原因以及vue.js中添加onscroll事件监听的方法(vue上监听scroll事件

前端王祖蓝 2022-04-06 阅读 66
vue.js

在vue.js中直接使用onscroll不起作用

利用DOM二级监听事件即可,

window.addEventListener('scroll',()=>{console.log(window.scrollY)})

如果问为什么不能在vue组件上直接监听

一般来说根据我的测试情况,监听滚动基本上监听的都是整体document或者window。

监听的都是相对于整体(document或者window)的当前可见区域的文档片段(就是你眼睛可以看到的部分),而不是去监

听单个的DOM片段,因为这么做没有意义。在vue中也监听不了!因为vue的每个文件实际上都是一块DOM片段,你在自己

的身上监听自己的滑动情况。这就好比(你想揪着自己的头发,把自己提起来)!

举报

相关推荐

0 条评论