概述
methods: {
handleScroll(e) {
const scrollTop = e.target.scrollTop
const scrollWrap = document.getElementById('scroll-wrap')
const offsetTop = scrollWrap.offsetTop
if (scrollTop > offsetTop) {
// 滚动值大于偏移值
scrollWrap.style.position = 'fixed'
// 鼠标滚动到一定距离实现定位
} else {
scrollWrap.style.position = 'static'
}
}
}
mounted() {
// 滚动监听事件
window.addEventListener('scroll', this.handleScroll, true)
},
beforeDestroy() {
// 离开该页面需要移除监听的事件
window.removeEventListener('scroll', this.scrollToTop, true)
}
最后
以上就是无限自行车为你收集整理的vue 鼠标滚动事件处理定位问题的全部内容，希望文章能够帮你解决vue 鼠标滚动事件处理定位问题所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复