对移动端滚动高度的获取
Posted 追风少年
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了对移动端滚动高度的获取相关的知识，希望对你有一定的参考价值。
对移动端滚动高度的获取 通过采用原生js的方法来实现，绑定vue中的dom元素，通过添加ref来获取，但是同名只能绑定一个，this.$refs.domName来获取，
function homeScrollEvent() {
const pageScrollTop = document.body.scrollTop
if (pageScrollTop > 80) {
store.dispatch(‘updateHeader‘, false)
} else {
store.dispatch(‘updateHeader‘, true)
}
}
处理浏览器前进后退问题
router.beforeEach((to, from, next) => {
if (to.meta.isHome) {
store.dispatch(‘updateHeader‘, true)
document.addEventListener(‘scroll‘, homeScrollEvent)
} else {
document.removeEventListener(‘scroll‘, homeScrollEvent)//移除scroll监听事件，事件名必须与添加监听完全一致才能移除成功
store.dispatch(‘updateHeader‘, false)
}
next()
})
以上是关于对移动端滚动高度的获取的主要内容，如果未能解决你的问题，请参考以下文章