Position:相对于Webkit中的锚点已损坏。解决方法?

问题描述 投票:0回答:2

在我们的项目中,我们使用以下方法将用户链接到页面上的某些锚定区域:

<span style="position: relative; top: -100px; z-index: -1; visibility: hidden;"
                   id="anchor">&nbsp;</span>

这用于在像表单之类的确切锚定元素之前留一点空间。

enter image description here

但是由于Safari的某些较新版本已损坏,并且浏览器位于元素的初始位置,而不考虑相对位置。

Maby,您也遇到了此功能/错误,并且有一些建议或可以指出我的方法不好的原因。

css webkit css-position anchor
2个回答
0
投票

是的!感谢Developer Art的错误但可用的答案,我找到了解决方案!

如果我将id和相对位置应用于DIV,则将锚定到#id会开始使用固定滚动!


0
投票

为什么不只将ID属性添加到相关元素,即FORM?如果要在表单之前添加垂直间距,则可以使用CSS:

<form id="anchor" style="margin-top: 100px;">
 …
</form>

已消除问题,代码更简洁:)

© www.soinside.com 2019 - 2024. All rights reserved.