swan.pageScrollTo

解释:将页面滚动到目标位置(可以设置滚动动画时长)。

方法参数

Object object

object 参数说明

属性名类型必填默认值说明

scrollTop

Number

滚动到页面的目标位置(单位:px)

duration

Number

300

滚动动画的时长(单位:ms)

success

Function

接口调用成功的回调函数

fail

Function

接口调用失败的回调函数

complete

Function

接口调用结束的回调函数(调用成功、失败都会执行)

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

代码示例 1:页面滚动到顶部 / 底部

  • SWAN
  • JS
  1. <view class="wrap">
  2. <image mode="aspectFit" class="image" src="https://b.bdstatic.com/miniapp/images/longImage.png"></image>
  3. <view class="swan-security-padding-bottom flex-button">
  4. <button type="primary" disabled="{{disabled}}" bindtap="scrollToBottom">滚动到页面底部</button>
  5. <button type="primary" disabled="{{!disabled}}" bindtap="scrollToTop">返回顶部</button>
  6. </view>
  7. </view>

代码示例 2:页面滚动到底部

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

  • SWAN
  • JS
  1. <view class="wrap">
  2. <image class="image" src="https://b.bdstatic.com/miniapp/images/longImage.png"></image>
  3. <view class="swan-security-padding-bottom flex-button">
  4. <button type="primary" bindtap="scrollToBottom">滚动到页面底部</button>
  5. </view>
  6. </view>

错误码

Android

错误码说明

202

解析失败,请检查参数是否正确

1001

执行失败

iOS

错误码说明

202

解析失败,请检查参数是否正确