vue，h5监听滚轮事件 

<!DOCTYPE html>
  <html lang="en">
   <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="https://unpkg.com/vue@2.2.6/dist/vue.js"></script>
    <style type="text/css"> 
        #box { width: 100%; height: 2000px; } 
    </style>
  </head> 
  <body>
   <div id="box"></div>  <!-- vue监听滚动事件 -->
   <script type="text/javascript">
     var vm = new Vue(
        {
          el:'#box',
          data() { 
          return { scroll: ''} 
            },
     methods: {
      menu() { 
        this.scroll = document.documentElement.scrollTop || document.body.scrollTop; 
        console.log(this.scroll)
            } 
        },
     mounted() { 
       window.addEventListener('scroll', this.menu) }, 
     })
  </script>
 </body>
</html>

 

posted @ 2019-07-01 09:58  彳小闲鱼  阅读(6647)  评论(0)    收藏  举报