window.addeventlistener(‘scroll‘, xx)失效解决
多次尝试都无法获取到滚动事件,后来加上true之后就可以了
window.addeventlistener('scroll', this.clintheight, true)
window.addeventlistener scroll在移动端无效问题
在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>
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
