html
复制代码
1
2<div id="head"> </div>
js中
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26<script> export default { data(){ return{ i = 0 } }, 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') } }, } </script>
使用页面滚动距离顶部的距离来判断滚轮向上或向下
最后
以上就是秀丽帆布鞋最近收集整理的关于vue中判断 鼠标滚轮事件 / 方向 / 向上或向下的全部内容，更多相关vue中判断内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复