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);
-------------------------------------------------------好用点赞哦--------------------------------------------------