本文介绍了微信小程序中利用wx.pageScrollTo方法实现页面滚动到顶部和目标元素位置。对于滚动到顶部，需要注意页面高度必须超过一屏；而滚动到目标位置时，应使用selector选择器，并避免同时设置scrollTop，以防止滚动失效。文中还列举了在实际应用中遇到的坑，如商品列表页滚动问题、搜索框高度计算问题以及动态加载模块的滚动时机问题，并提供了相应的解决方案。
将页面滚动到指定位置有两种情况：
- 页面滚动到顶部；
- 滚动到某个元素的位置；
wx.pageScrollTo()可以实现以上两种需求，具体用法如下
综上：
对于情况一，页面滚动回顶部，直接设置scrollTop: 0：
wx.pageScrollTo({
scrollTop: 0
});
注意：重点！重点！重点！
以上代码要生效的前提是，当前页面高度超过一屏
对于情况二，滚动到目标位置，需要用selector
wx.pageScrollTo({
selector: '#hot-title', // 写法同css选择器
success: data => {
console.log
最低0.47元/天 解锁文章
4486
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
