概述
html
<div id="head">
</div>js中
<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中判断 鼠标滚轮事件 / 方向 / 向上或向下所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复