pc端 返回页面顶部

165 阅读1分钟
//返回顶部方法
 data() {
    return {
      erweimaVisble: false,
      backTopVisble: false,
    }
  },
  //监听页面滚动
   mounted() {
    window.addEventListener('scroll', this.scrollMonitor)
  },
  //取消监听
  destroyed() {
    window.removeEventListener('scroll', this.scrollMonitor)
  },
  methods: {
  scrollMonitor() {
      let sTop = document.body.scrollTop || document.documentElement.scrollTop
      // console.log(sTop)
      if (sTop > 300) {
        this.backTopVisble = true
      } else {
        this.backTopVisble = false
      }
    },
  backTop() {
      document.body.scrollTop = 0
      document.documentElement.scrollTop = 0
      window.pageYOffset = 0
    },
  }