后浪云百度小程序教程:swan.pageScrollTo

  • swan.pageScrollTo
    • 方法参数
      • object 参数说明
    • 示例
      • 代码示例 1:页面滚动到顶部 / 底部
      • 代码示例 2:页面滚动到底部
    • 错误码
      • Android
      • iOS

    swan.pageScrollTo

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

    方法参数

    Object object

    object 参数说明

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

    scrollTop

    Number

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

    duration

    Number

    300

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

    success

    Function

    接口调用成功的回调函数

    fail

    Function

    接口调用失败的回调函数

    complete

    Function

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

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    后浪云百度小程序教程:swan.pageScrollTo插图

    请使用百度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

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

    THE END