评论

微信小程序回到顶部,点击滚动到顶部简单易懂!

微信小程序回到顶部,点击滚动到顶部简单易懂!

使用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
		})
	},
})
最后一次编辑于  2021-04-10  
点赞 2
收藏
评论

1 个评论

  • admin
    admin
    2021-04-11

    那到底要不要用scroll-view

    

    2021-04-11
    赞同
    回复 4
    • 山无棱
      山无棱
      2021-04-12
      要自定义下拉刷新就用scroll-view呀
      2021-04-12
      回复
    • 波吉
      波吉
      2021-04-12
      根据业务需求来,如果需要下拉刷新加载建议用scroll-view
      2021-04-12
      回复
    • admin
      admin
      2021-04-12回复波吉
      好的谢谢
      2021-04-12
      回复
    • admin
      admin
      2021-04-12回复山无棱
      好的谢谢
      2021-04-12
      回复
登录 后发表内容