在我们的项目中,我们使用以下方法将用户链接到页面上的某些锚定区域:
<span style="position: relative; top: -100px; z-index: -1; visibility: hidden;"
id="anchor"> </span>
这用于在像表单之类的确切锚定元素之前留一点空间。
但是由于Safari的某些较新版本已损坏,并且浏览器位于元素的初始位置,而不考虑相对位置。
Maby,您也遇到了此功能/错误,并且有一些建议或可以指出我的方法不好的原因。
是的!感谢Developer Art的错误但可用的答案,我找到了解决方案!
如果我将id和相对位置应用于DIV,则将锚定到#id会开始使用固定滚动!
为什么不只将ID
属性添加到相关元素,即FORM
?如果要在表单之前添加垂直间距,则可以使用CSS:
<form id="anchor" style="margin-top: 100px;">
…
</form>
已消除问题,代码更简洁:)