bootstrap ScrollSpy的root-margin在smoot-scroll设置为false时会被禁用,

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

前提条件

描述问题

切换smooth-scroll属性会改变滚动和高亮行为,与自定义rootMargin结合使用。
在我的用例中,我有一个粘性的顶部导航栏,并设置了一个负的rootMargin来缩小视图。当我禁用smooth-scrolling并使用锚点滚动内容时,内容会部分消失在导航栏后面。
活动项的指示也关闭了。当我将smooth-scroll设置为true时,一切都正常工作。

减少的测试用例

我尝试在Codepen上复制测试用例 here ,但在那里ScrollSpy似乎有些问题。它的行为与我自己html文件中的行为不同,可以在here中找到作为gist。
这个gist在启用smooth-scroll时可以正常工作,但是如果将其关闭,则活动元素的高亮和可点击滚动与以前不同。
对我来说,它看起来像是禁用了root-margin。

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

Windows

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

Firefox, Microsoft Edge

您使用的Bootstrap版本是什么?

v5.2.0

6jygbczu

6jygbczu1#

我正在5.2.1版本中遇到相同的问题。

相关问题