uni-app 点击某个按钮后回到页面顶部怎么做？
我吃柠檬
- 发布：2019-03-22 16:16
- 更新：2021-11-20 17:35
- 阅读：19663
uni.pageScrollTo({
scrollTop: 0,
duration: 300
});
https://uniapp.dcloud.io/api/ui/scroll?id=pagescrollto
html:
<view class="top-button" @click="ToTop">
<image src="../../static/backtotop.png" mode="widthFix"></image>
</view>
JS:
ToTop() {
uni.pageScrollTo({
scrollTop: 0,
duration: 300
})
}
CSS:
.top-button {
width: 70upx;
height: 70upx;
border-radius: 50%;
position: fixed;
right: 23upx;
bottom: 300upx;
z-index: 9999;
}
Credit:
https://blog.csdn.net/crabfrog/article/details/90769135
https://uniapp.dcloud.io/api/ui/scroll?id=pagescrollto
ColinWoo
这个我用了怎么没有效果?
2019-06-12 16:36
j***@jamapro.com.cn
这个我也用了，没有效果
2019-09-27 14:16
阳光大地置业
俺也一样
2020-01-16 09:36
k***@163.com
我也一样 不好使
2020-01-16 19:49
4***@qq.com
我试了有用
uni.pageScrollTo({
scrollTop: 0,
duration: 300
});
2020-03-06 18:38
l***@qq.com
这个我用了没有效果
2021-02-02 21:48