通过在app.vue中定义一个张图,这样在我们的每一个页面中都会有回到顶部的效果。
在data中声明默认滚动条的高为0.以及滚动条是否显示两个数据。写一个方法监听滚动条的高度
当高度高于一个值(自定义的值),就显示回到顶部图标,
在一个方法如果点击回到顶部后滚动条赋值为0,同时隐藏回到顶部图标。
vue实现监听滚动条,回到顶部
最新推荐文章于 2023-07-19 10:59:46 发布
通过在app.vue中定义一个张图,这样在我们的每一个页面中都会有回到顶部的效果。
在data中声明默认滚动条的高为0.以及滚动条是否显示两个数据。写一个方法监听滚动条的高度
当高度高于一个值(自定义的值),就显示回到顶部图标,
在一个方法如果点击回到顶部后滚动条赋值为0,同时隐藏回到顶部图标。