看似简单的功能事件,难道了不少朋友,不是功能有多难,而是对原理不了解浪费不少时间;简单明了收藏备用,或推荐给初学的朋友,赠人玫瑰手留余香;
在mounted中监听滚动元素的ID;‘scroll’监听事件名称,this.handleScrol要出发的函数;
mounted() {
document.getElementById('元素ID').addEventListener('scroll',this.handleScroll)
},
被出发的函数,下面用的jQuery获取元素和事件
handleScroll(){
let sss = $("元素ID").scrollTop();
console.log(sss);
}
备注:获取元素父元素的ID,因为滚动条属于父元素,如果获取的是子元素,那永远获取的scrollTop的值都是0;