项目需求滚动条大于200时候,头部固定定位,小于的时候相对定位,监听滚动条事件:

// 全局监听,写在App.vue里面
  methods: {
      handleScroll(){
          let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop // 滚动条偏移量
          if (scrollTop >= 160) {
              this.$store.commit('changeFixed', '1')
          } else {
              this.$store.commit('changeFixed', '0')
          }
      }
  },
  mounted () {
      window.addEventListener('scroll',this.handleScroll)
  }
Logo

前往低代码交流专区

更多推荐