// 导包 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 轴被卷去的距离,从而实现自己想要的效果。
// 导包 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 轴被卷去的距离,从而实现自己想要的效果。