對移動端滾動高度的擷取

標籤：滾動   false   header   his   dom   isp   fun   bsp   listener   

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

對移動端滾動高度的擷取