博客介绍了小程序回到顶部的实现方法。通过 onPageScroll 函数，根据页面滚动高度判断是否显示回到顶部按钮，当滚动高度大于 50 时显示，否则隐藏。还展示了 <scroll - view> 组件的相关代码，在滚动时同样根据滚动高度进行相应设置。
小程序回到顶部
一。
onPageScroll: function (e) {
console.log(e)
if (e.scrollTop > 50) {
that.setData({
buyshow: true,
})
} else {
that.setData({
buyshow: false,
})
}
},
二 <scroll-view scroll-y="true" scroll-top='{{topNum}}' style="{{buyshow?'height:86vh':'height:100%;'}};" wx:if="{{detail!=''}}" bindscroll="PageScroll" bindscrolltolower="loadMore" scroll-into-view="NAV{{navon}}">
PageScroll(e){
if (e.detail.scrollTop > 50) {
that.setData({
buyshow: true,
scrollTop: e.detail.scrollTop
})
}else{
that.setData({
buyshow: false,
scrollTop: e.detail.scrollTop
})
}
}
扫一扫
1536
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
