页面滚动元素固定位置

270 阅读1分钟

<template>
  <div class="aside-box"></div>
</template>
<script>export default {  methods: {    handleScroll () {      let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop      let offsetTop = document.querySelector('.aside-box').offsetTop      if (scrollTop > offsetTop) {        this.fixed = true      } else {        this.fixed = false      }    }  },  mounted () {    window.addEventListener('scroll', this.handleScroll)  },  destroyed () {    window.removeEventListener('scroll', this.handleScroll)  }}</script><style lang="scss" scoped></style>