vue监听页面滚动到某个高度触发事件流程
作者:沈胖三
这篇文章主要介绍了vue监听页面滚动到某个高度触发事件流程,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
监听页面滚动到某个高度触发事件
methods: { showIcon() { if ( !!document.documentElement.scrollTop && document.documentElement.scrollTop > 200 ) { 页面高度大于200执行操作 } else { 页面高度小于200执行操作 } }, }
监听事件
mounted() { window.addEventListener("scroll", this.showIcon); },
动态监听页面滚动高度
//获取页面滚动高度 methods:{ scrollHandle(e){ let top = e.srcElement.scrollingElement.scrollTop; // 获取页面滚动高度 console.log(top); } }
mounted(){ window.addEventListener('scroll',this.scrollHandle);//绑定页面滚动事件 },
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。