zl程序教程

您现在的位置是:首页 >  其他

当前栏目

小程序:滚动到页面顶部或者某个元素位置

程序 页面 元素 位置 或者 某个 滚动 顶部
2023-09-27 14:27:09 时间

背景

我们一般会有滚动到页面顶部、底部,或者滚动到某个元素的位置这种需求,在web中我们一般用 scroll 相关方法,具体可以看 js:可能是最全的scroll相关的方法,那么在小程序中,我们一般使用 wx.pageScrollTo

API

在这里插入图片描述

实践

滚动到顶部

wx.pageScrollTo({
  scrollTop: 0
})

滚动到元素位置

wx.pageScrollTo({
  selector: '#my-dom'
})

滚动到底部

wx.pageScrollTo({
  // 可以填一个比较大的数值,也可以用元素选择器来做
  scrollTop: 10000
})