使用@vueuse/core实现‘吸顶效果‘

// 导包 npm i @vueuse/core

<script>
// 引入
import { useWindowScroll } from '@vueuse/core'

export default {
  setup () {
    const { x,y } = useWindowScroll()//x,y就是水平垂直方向的卷起的距离
    return { x,y }
  }
}
</script>

获取 X 和 Y 轴被卷去的距离，从而实现自己想要的效果。