0

这是我第一次在这里发帖。我已经搜索了一段时间来寻找这个问题的答案，现在我转向这个板，因为过去证明它对我有用。

我正在设计的页面的主题是一个单页滚动网站（有点像http://www.kitchensinkstudios.com/）。

我在顶部实现了一个固定导航，高度约为 70 像素。在此下方，我创建了链接到导航的部分。这个想法是单击导航中的链接，页面将向上滚动到所选部分。问题是：由于内部书签的自动性质，直接滚动到页面顶部！，这会切断大部分内容。

我试图将隐藏的 div 或带有 padding-top 值的中断标签添加到有问题的部分，但是，除了给我与页面顶部的适当距离之外，它还创建了一个与填充值相同的不透明背景。

有没有人对此有任何建议？

理想情况下，当您选择一个链接时，调用的部分将浮动到页面中间。

非常感谢任何给这个机会的人！

4

1 回答 1

1

浏览器的默认行为是将锚点滚动到视口的顶部。

如果您将锚点垂直向上偏移，您应该会发现它会使内容下降等量。

您可以通过将锚点的位置指定为“相对”并将“顶部”属性设置为负值来执行此操作，例如

<a style="position:relative; top: -70px;" name="myAnchor"></a>

一些浏览器似乎需要将锚点从正常流程中取出，这可以通过简单地浮动元素来解决。

<a style="float: left; position:relative; top: -70px;" name="myAnchor"></a>

您应该会发现上面的行适用于 FireFox、Chrome 和 InternetExplorer。

于 2013-10-23T05:03:00.130 回答