The acquisition of the scroll height of the mobile is achieved by using the native JS method, which binds the DOM element in Vue and is obtained by adding ref, but the same name can only bind one, this. $refs. Domname to get,
function Homescrollevent () {
Const PAGESCROLLTOP = Document.body.scrollTop
if (Pagescrolltop > 80) {
Store.dispatch (' Updateheader ', false)
} else {
Store.dispatch (' Updateheader ', true)
}
}
Handling browser forward and backward issues
Router.beforeeach (to, from, next) = = {
if (to.meta.isHome) {
Store.dispatch (' Updateheader ', true)
Document.addeventlistener (' scroll ', homescrollevent)
} else {
Document.removeeventlistener (' scroll ', homescrollevent)//Remove the scroll listener event, the event name must be exactly the same as the add listener to remove the success
Store.dispatch (' Updateheader ', false)
}
Next ()
})
Acquisition of Scroll Heights on the mobile side