在Vue项目中,先执行npm i @vueuse/core
命令安装VueUse。安装后的package.json文件显示安装成功:
下面在代码中使用VueUse的useScroll函数获取y轴的滚动距离:
运行项目,在浏览器中查看效果。
没有纵向滚动的时候,显示0:
向下滚动,可以实时显示y的值:
在Vue项目中,先执行npm i @vueuse/core
命令安装VueUse。安装后的package.json文件显示安装成功:
下面在代码中使用VueUse的useScroll函数获取y轴的滚动距离:
运行项目,在浏览器中查看效果。
没有纵向滚动的时候,显示0:
向下滚动,可以实时显示y的值: