微信小程序回到顶部,点击滚动到顶部简单易懂!
发布于 3 年前 作者 yegang 4432 次浏览 来自 分享

使用scroll-view的情况

// HTML
<view bindtap="toTop">回到顶部</view>
<scroll-view class="scroll_view" scroll-top="{{topNum}}" scroll-y >
内容
</scroll-view>

// js
page({
	data: {
		topNum : 0
	},
	toTop() { // 回到顶部
        this.setData({
            topNum:0
        })
    },
})

未使用scroll-view的情况

// html
<view bindtap="toTop">回到顶部</view>
<view>内容</view>
//js
page({
	toTop(){
		wx.pageScrollTo({
		    scrollTop: 0
		})
	},
})
1 回复

那到底要不要用scroll-view



回到顶部