前提条件
- 我有一个用于重复或已关闭问题的 searched
- 我有一个避免常见问题的任何HTML validated
- 我阅读了 contributing guidelines
描述问题
给定的是一个带有多个锚点的长单页文档,通过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
1条答案
按热度按时间eufgjt7s1#
我在Chrome的移动端和桌面端遇到了相同的问题。在我的案例中,我通过延长关闭过渡时间来"解决"了这个问题。在桌面端是0.5秒,在移动端是0.7秒,似乎解决了滚动停止的问题。这不是最好的解决方案,但这是我能找到的唯一一个方法。