vue监听页面滚动

注意:父元素不要添加overflow:auto属性,否则scrollTop一直为0

export default {
  methods: {
    change() {
      let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
      if(scrollTop>=100){
          this.$refs.sheet.style.top=0;
      }else{
          this.$refs.sheet.style.top=80+"px";
      }
    },
  },
  mounted(){
      window.addEventListener("scroll",this.change)
  },
  destroyed() {
      document.removeEventListener('scroll', this.change)
    }
};