小程序开发API之将页面滚动到目标位置wx.pageScrollTo

wx.pageScrollTo(Object object)

将页面滚动到目标位置

wx.pageScrollTo属性

注：scrollTop是指相对于整个屏幕（不是指某一个控件）向上移动距离，如果屏幕刚好铺满，没有超出屏幕高度，则设置无效

示例：
效果展示

代码
index.wxml

<!--index.wxml-->
<button bindtap='btnClick1' type="primary">将页面滚动到目标位置</button>

<view style="height: 150px;background-color: red;margin-top:200px"></view>
<view style="height: 150px;background-color: green"></view>
<view style="height: 150px;background-color: blue"></view>
<view style="height: 150px;background-color: grey"></view>
<view style="height: 150px;background-color: red"></view>
<view style="height: 150px;background-color: green"></view>
<view style="height: 150px;background-color: blue"></view>

index.wxss

button{
  margin: 20rpx
}

index.js

//index.js
/*
  scrollTop    滚动到页面的目标位置，单位 px
  duration   滚动动画的时长，单位 ms
*/
Page({
  data: {
  },
  btnClick1: function (options) {
    wx.pageScrollTo({
      scrollTop: 200,
      duration: 1000
    })
  }
})