需求:实现首页回到顶部功能
步骤:
- 定义按钮,绑定点击事件,通过v-show控制按钮的显示和隐藏
- 调用页面滚动方法:uni.pageScrollTo()
- 控制到一定位置显示到顶部按钮
- 获取页面滚动高度:onPageScroll()
- 获取页面半屏高度:uni.getSystemInfoSync().windowHeight / 2
- 如果滚动高度大于半屏高度,显示回顶按钮
简单结构
<view class="yg-top" v-show="showBackToTop" @click
需求:实现首页回到顶部功能
步骤:
简单结构
<view class="yg-top" v-show="showBackToTop" @click