vue项目中window.addEventListener scroll在移动端无效
在vue项目中有一个页面滚动的加载数据的事件，一开始用window.addEventListener scroll在浏览器上调试时可以监听到事件，但是在移动端上无法监听到scroll事件window.addEventListener('scroll',()=>{console.log("页面滚动事件")})既然无法实现监听功能就干脆把监听事件绑定到dom元素上&...
·
在vue项目中有一个页面滚动的加载数据的事件，一开始用window.addEventListener scroll在浏览器上调试时可以监听到事件，但是在移动端上无法监听到scroll事件
window.addEventListener('scroll',()=>{
console.log("页面滚动事件")
})既然无法实现监听功能就干脆把监听事件绑定到dom元素上
<template>
<div id="pageId">
</div>
</template>
<script>
mounted(){
let page = document.getElementById('pageId');
page.addEventListener('scroll', this.pageScroll,true)
},
methods:{
pageScroll(){
console.log("scroll")
}
}
</script>
<style>
#pageId{
height:100vh;
overflow-y:scroll
}
</style>
前往低代码交流专区
更多推荐
3
0- 0
已为社区贡献5条内容
所有评论(0)