uni-app中的返回顶部

效果图:

 

一、可以利用uniapp提供的scroll-view 并且允许纵向滚动

https://uniapp.dcloud.io/component/scroll-view.html#scroll-view

 首先需要把你写的内容用scroll-view包起来

注意:  这几个属性





二、也可以用uni.pageScrollTo({})

https://uniapp.dcloud.io/api/ui/scroll.html#pagescrollto

 因为这个返回顶部可能在多个地方使用,所以建议封装。

首先在components里新建一个组件(名字自己起)

我这里叫view-top.vue  代码如下:






那我要在Home页面使用的话




你可能感兴趣的:(uniapp,前端,vue.js)