uni.pageScrollTo(OBJECT)
将页面滚动到目标位置。可以指定滚动到具体的scrollTop数值,也可以指定滚动到某个元素的位置
平台差异说明
App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 | 抖音小程序、飞书小程序 | QQ小程序 | 华为快应用 | 360小程序 |
√(nvue不支持) | √ | √ | √ | √ | √ | √ | √ | √ |
HarmonyOS Next 兼容性
HarmonyOS Next |
HBuilderX 4.23 |
OBJECT参数说明
参数名 | 类型 | 必填 | 说明 |
scrollTop | Number | 否 | 滚动到页面的目标位置(单位px) |
selector | String | 否 | 元素选择器,用于指定要滚动到的元素位置,App、H5、微信小程序2.7.3+ 、支付宝小程序1.20.0+支持 |
duration | Number | 否 | 滚动动画的时长,默认300ms,单位 ms |
success | function | 否 | 接口调用成功的回调函数 |
fail | function | 否 | 接口调用失败的回调函数 |
complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
参数 HarmonyOS Next 兼容性
名称 | HarmonyOS Next 兼容性 |
options | - |
名称 | HarmonyOS Next 兼容性 | scrollTop | - | selector | - | offsetTop | HBuilderX 4.23 | duration | - | success | - | fail | - | complete | - |
|
PageScrollToFail 的属性值
名称 | HarmonyOS Next 兼容性 |
errCode | - |
errSubject | - |
data | - |
cause | - |
errMsg | - |
AsyncApiResult 的属性值
名称 | HarmonyOS Next 兼容性 |
errMsg | - |
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
uni-app x 注意事项
- app-uvue支持的选择器较少,不支持ID选择器,详见
- app-uvue的页面滚动,是由页面最外层的scroll-view模拟的,如果页面最外层不是scroll-view,无法使用本api。详见
- app-uvue的scroll-view滚动时,如需动画,则需要在scroll-view的属性中配置
scroll-with-animation="true"
,详见 - scroll-view的滚动,设置其scrollTop即可。详见
示例