回到顶部 | Orcatt Blog

上次编辑时间

Feb 20, 2024 08:35 AM

创建时间

Feb 20, 2024 08:33 AM

来源

其实微信小程序跟 vue实现的原理都大差不差，不同的是微信小程序有自己的方法，通过调用wx.pageScrollTo(Object object)方法即可实现该操作。

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

属性	描述
scrollTop	滚动到页面的目标位置，单位 px
duration	滚动动画的时长，单位 ms
selector	选择器
offsetTop	偏移距离，需要和 selector 参数搭配使用，可以滚动到 selector加偏移距离的位置，单位 px
success	接口调用成功的回调函数
fail	接口调用失败的回调函数

如果你想要更深入的了解该方法，可查看官方文档说明

wxml 代码

catchtap是阻止冒泡事件

js 代码

css 样式