pageScrollTo滚动 导致 position: sticky 失效
时间: 2023-10-25 11:58:07 浏览: 230
position:sticky用法介绍及浏览器兼容性
根据引用\[1\]和引用\[2\]的内容,可以使用wx.pageScrollTo()方法来实现页面滚动的需求。对于情况一,即页面滚动回顶部,可以直接设置scrollTop的值为0,如下所示:
wx.pageScrollTo({ scrollTop: 0 });
然而,根据引用\[3\]的问题描述,使用wx.pageScrollTo()方法可能会导致position: sticky失效。这可能是因为滚动到指定位置后,页面的布局发生了变化,导致sticky定位失效。为了解决这个问题,可以尝试在滚动到指定位置后,设置一个适当的延迟时间,让页面有足够的时间来重新计算布局,如下所示:
setTimeout(function() {
wx.pageScrollTo({ scrollTop: targetPosition });
}, 2000);
通过设置适当的延迟时间,可以解决一部分问题。然而,如果页面中存在多个需要滚动定位到指定位置的业务场景,仍然可能会出现其他问题。在这种情况下,可能需要进一步调整代码逻辑或使用其他方法来解决问题。
#### 引用[.reference_title]
- *1* *2* [微信小程序之将页面滚动到顶部或者目标位置wx.pageScrollTo](https://blog.csdn.net/haoyanyu_/article/details/107938232)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [安卓和ios针对小程序兼容以及小程序技术实现上本身遇到的一些问题](https://blog.csdn.net/qq_38111015/article/details/108639170)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文