bootstrap OffCanvas菜单带有锚点:Chrome停止滚动

px9o7tmv  于 5个月前  发布在  Bootstrap
关注(0)|答案(1)|浏览(117)

前提条件

描述问题

给定的是一个带有多个锚点的长单页文档,通过Bootstrap侧边栏菜单进行页面导航。
当打开菜单并在Chrome/Edge Mac上点击链接时,页面会在到达锚点位置之前停止滚动。似乎当菜单完全关闭时,滚动就会停止。Firefox和Safari Mac表现良好。
已在TWBS 5.1和5.2beta以及Chrome/Edge 103.0.x MacOS上进行了测试。
目前我唯一的解决方案是在点击链接时设置一个超时,以延迟关闭侧边栏。

简化的测试用例

示例Codepen https://codepen.io/rtoenjes/pen/XWEXNXO

您正在哪个操作系统上看到问题?

macOS

您在哪个浏览器上看到问题?

Chrome, Microsoft Edge

您使用的Bootstrap版本是什么?

5.1.3, 5.2.0

eufgjt7s

eufgjt7s1#

我在Chrome的移动端和桌面端遇到了相同的问题。在我的案例中,我通过延长关闭过渡时间来"解决"了这个问题。在桌面端是0.5秒,在移动端是0.7秒,似乎解决了滚动停止的问题。这不是最好的解决方案,但这是我能找到的唯一一个方法。

相关问题