對移動端滾動高度的獲取

對移動端滾動高度的獲取 通過采用原生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()
})