私域电商软件及相关增值服务提供商    

免费试用
2023年微信小程序API 滚动
作者: --时间: 2025-07-01 23:13:40 阅读量:
微信小程序API滚动可以让开发者在小程序中实现页面的滚动效果。具体使用方法如下:

使用步骤

  1. 引入wx.pageScrollTo() API
  2. 调用wx.pageScrollTo()方法
  3. 设置参数,包括scrollTop和duration属性

支持选择器

以选择器方式定位需要滚动到的位置,可以通过selector属性指定元素选择器。

支持滚动距离

以滚动距离方式定位需要滚动到的位置,可以通过scrollTop属性设置滚动距离(单位为px)。

支持CSS选择器的语法

类似于CSS的选择器语法,但是仅支持特定的语法,包括ID选择器、class选择器、子元素选择器、后代选择器、跨自定义组件的后代选择器和多选择器的并集。例如,使用ID选择器“.the-id”可以选择具有该ID属性值的元素。

回调函数支持

另外,wx.pageScrollTo()也支持success、fail和complete三种回调函数,在接口调用成功、失败或结束时响应不同的事件操作。

示例代码

以下是一个最基本的wx.pageScrollTo()例子,scrollTop属性设置为0,表示滚动到页面顶部;duration属性设置为300ms,则代表滚动的动画时长为300毫秒。

wx.pageScrollTo({
  scrollTop: 0,
  duration: 300
})
一套系统全搞定
  • 商家管理
  • 商品管理
  • 订单管理
  • 会员管理
  • 营销中心
  • 供应链入驻
  • 财务管理
  • 支付分账
  • 商城直播
免费试用
更多产品任你选
B2B2C多用户商城系统

类天猫&京东模式系统

了解更多
B2B2B电商交易系统

全渠道订货/采购及经销商管
理数字化系统

了解更多
S2B2B电商交易系统

上下游资源整合数字化解决方

了解更多
企业集采商城系统

中大型企业数字化采购与交易
系统

了解更多
员工福利商城系统

集福利管理、发放于一体的员
工福利商城

了解更多

电话咨询 微信咨询 0元开店