scroll-margin-top在基于chrome的浏览器中的文本区域上不起作用

z9gpfhce  于 2022-12-06  发布在  Go
关注(0)|答案(1)|浏览(157)

在我的页面上,我有一个固定的导航栏,所以我使用scroll-margin-top来避免锚定的跳转目标消失在导航栏后面。
除了<textarea>,在Linux和Windows的Cypress + Electron(一个基于chrome的浏览器)中进行自动化测试时,<textarea>是个问题。它在Firefox和Cypress + Firefox中都能正常工作。
请看这个例子,其中包含一些指向不同元素的锚链接。适用于FF,不适用于基于Chrome的浏览器(Edge,Chrome,Electron)
这是Chrome中的一个bug吗?有什么办法绕过它吗?(至少在Cypress中的测试中是这样)
第一个

hjzp0vay

hjzp0vay1#

您可以使用这个。

scroll-padding-top: 6rem;

相关问题