vue项目中window.addEventListener scroll在移动端无效

  • Post author:
  • Post category:vue


在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>



版权声明:本文为weixin_41587194原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。