zoukankan      html  css  js  c++  java
  • 对移动端滚动高度的获取

    对移动端滚动高度的获取 通过采用原生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()
    })

    愿你出走半生,归来仍是少年!
  • 相关阅读:
    数据库操作
    jquery 第一章
    算法很美 第一章
    python 学习第四天
    python学习第三天
    python学习第二天
    学习python的第一天
    C#-线程
    C#-流、存储
    C#-集合
  • 原文地址:https://www.cnblogs.com/wszxx/p/8011461.html
Copyright © 2011-2022 走看看