概述
1、mounted 监听（绑定）滚轮 滚动事件
window.addEventListener("scroll", this.handleScroll, true);
2、 methods 执行函数
handleScroll() {
// 监听鼠标滚动
// 页面滚动距顶部距离
var scrollTop =
window.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop;
var scroll = scrollTop - this.i;
this.i = scrollTop;
if (scroll < 0) {
// 鼠标上滚
执行的的方法
} else {
// 鼠标下滚
执行的的方法
}
},
3、记得在适当的时候移除事件监听, 不然会消耗性能的哦
window.removeEventListener('scroll', this.handleScroll, true);
-------------------------------------------------------好用点赞哦--------------------------------------------------
最后
以上就是满意镜子为你收集整理的vue 项目 监听 鼠标滚动 （上滚 下滚 滚 多少）的全部内容，希望文章能够帮你解决vue 项目 监听 鼠标滚动 （上滚 下滚 滚 多少）所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复