vue中监听滚轮滚动距离实现向下滚动一定距离后变成固定定位,向上滚动原来位置时取消绝对定位

该头部高度为328+margin-top:30px = 358

mounted() {
    window.addEventListener("scroll", this.handleScroll);
  },
  methods: {
    handleScroll() {
      let scrollY = window.pageYOffset ||
        document.documentElement.scrollTop ||
        document.body.scrollTop;
      let scrollObj = document.querySelector(".practice-right");
      //scrollObj 这个是下图右边答题卡的div
      if (scrollY > 358) {
      //这个358就是上面的距离
        scrollObj.style.position = "fixed";
        scrollObj.style.right = "150px";
        scrollObj.style.top = "0";
      } else {
        scrollObj.style.position = "static";
        scrollObj.style.marginTop = "0";
      }
    }
  },
  destroyed() {
  //销毁监听
    window.removeEventListener("scroll", this.handleScroll);
  },

要实现的是这个右边的答题卡的定位

当滚动一定距离后自动绝对定位到顶部,当向上滚动回来时又取消绝对定位