阅读(4859)
赞(19)
微信小程序API 滚动
2020-07-24 11:37:18 更新
wx.pageScrollTo(Object object)
基础库 1.4.0 开始支持，低版本需做兼容处理。
将页面滚动到目标位置，支持选择器和滚动距离两种方式定位
参数
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
|---|---|---|---|---|---|
| scrollTop | number | 否 | 滚动到页面的目标位置，单位 px | ||
| duration | number | 300 | 否 | 滚动动画的时长，单位 ms | |
| selector | string | 否 | 选择器 | 2.7.3 | |
| success | function | 否 | 接口调用成功的回调函数 | ||
| fail | function | 否 | 接口调用失败的回调函数 | ||
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
selector 语法
selector类似于 CSS 的选择器，但仅支持下列语法。
- ID选择器：#the-id
- class选择器（可以连续指定多个）：.a-class.another-class
- 子元素选择器：.the-parent > .the-child
- 后代选择器：.the-ancestor .the-descendant
- 跨自定义组件的后代选择器：.the-ancestor >>> .the-descendant
- 多选择器的并集：#a-node, .some-other-nodes
示例代码
wx.pageScrollTo({
scrollTop: 0,
duration: 300
})