vue 实时监听窗口滚动条
当然,如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方,希望你在看到之后能够在评论里指出来,我会在看到之后尽快的回复你。如果本篇文章对你有帮助的话,很高兴能够帮助上你。
·
1.绑定滚动条监听
mounted() {
window.addEventListener('scroll', this.windowScroll);
},
2.监听回调
methods: {
windowScroll() {
// 滚动条距离页面顶部的距离
// 以下写法原生兼容
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
console.log(scrollTop);
}
},
3.解绑滚动条监听
beforeDestroy() {
window.removeEventListener('scroll', this.windowScroll);
},
4、效果图
如果本篇文章对你有帮助的话,很高兴能够帮助上你。
当然,如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方,希望你在看到之后能够在评论里指出来,我会在看到之后尽快的回复你。
更多推荐
已为社区贡献18条内容
所有评论(0)