189 8069 5689

创新互联小程序教程：微信小程序API滚动

wx.pageScrollTo(Object object)

基础库 1.4.0 开始支持，低版本需做 兼容处理。

成都创新互联专注于福山网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供福山营销型网站建设，福山网站制作、福山网页设计、福山网站官网定制、小程序开发服务，打造福山网络公司原创品牌,更为您提供福山网站排名全网营销落地服务。

将页面滚动到目标位置，支持选择器和滚动距离两种方式定位

参数

Object object

属性 类型 默认值 必填 说明 最低版本
scrollTopnumber否滚动到页面的目标位置，单位 px
durationnumber300否滚动动画的时长，单位 ms
selectorstring否选择器2.7.3
successfunction否接口调用成功的回调函数
failfunction否接口调用失败的回调函数
completefunction否接口调用结束的回调函数（调用成功、失败都会执行）

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
})

文章题目：创新互联小程序教程：微信小程序API滚动
本文网址：http://cdxtjz.cn/article/cdsjisg.html

其他资讯