2023年微信小程序API 滚动

使用步骤

1. 引入wx.pageScrollTo() API
2. 调用wx.pageScrollTo()方法
3. 设置参数，包括scrollTop和duration属性

支持选择器

以选择器方式定位需要滚动到的位置，可以通过selector属性指定元素选择器。

支持滚动距离

以滚动距离方式定位需要滚动到的位置，可以通过scrollTop属性设置滚动距离（单位为px）。

支持CSS选择器的语法

类似于CSS的选择器语法，但是仅支持特定的语法，包括ID选择器、class选择器、子元素选择器、后代选择器、跨自定义组件的后代选择器和多选择器的并集。例如，使用ID选择器“.the-id”可以选择具有该ID属性值的元素。

回调函数支持

另外，wx.pageScrollTo()也支持success、fail和complete三种回调函数，在接口调用成功、失败或结束时响应不同的事件操作。

示例代码

以下是一个最基本的wx.pageScrollTo()例子，scrollTop属性设置为0，表示滚动到页面顶部；duration属性设置为300ms，则代表滚动的动画时长为300毫秒。

wx.pageScrollTo({
  scrollTop: 0,
  duration: 300
})