使用vue监听滚轮事件

1.比较有用测div像素的方法

`在这里插入代码片`
//获取div对浏览器顶部的距离
element.offsetTop
//获取div一些对于浏览器距离的属性
element.getBoundingClientRect()

2.监听滚轮

mounted() {
      window.addEventListener('scroll', this.handleScroll, true);
    }
//methods下面
		handleScroll(){
            // 页面滚动距顶部距离
            var scrollTop = window.pageYOffset || document.documentElement.scrollTop || 
                      document.body.scrollTop
            var scroll = scrollTop - this.i;
            this.i = scrollTop;
            if(scroll<0){
                console.log('up')
            }else{
                console.log('down')
            }
        }
发布了33 篇原创文章 · 获赞 19 · 访问量 3549

猜你喜欢

转载自blog.csdn.net/qq_42794826/article/details/103441049