0

我有一个锚书签,当单击它时,它位于我的主标题绝对定位的 div 后面。我需要一个不需要未来的 html 程序员改变他们使用锚书签的方式的解决方案。对于如何解决这个问题,有任何的建议吗?

请看我的例子来说明这个问题。

http://jsfiddle.net/8dErs/

  <a name="5"></a><h1>Article 5</h1>
4

2 回答 2

0

您可能会尝试滚动“顶部”不是实际的屏幕/窗口顶部,而是定位 div 的位置,即内容的父级。因此,您根据大约 180px 计算滚动,这大约比您的导航低 5px。

但是,在长页面上,如果您开始手动滚动,则标题无论如何都会留在那里,所以也许使用带有动画的 jquery 沿 Y 和它自己的 div 中的所有内容会更简单。这样,您可以避免使用固定。

于 2013-04-11T22:54:02.537 回答
0

这是因为顶部导航的位置是固定的,因此从文档流中取出,不再被视为流的一部分。

如果您希望锚点滚动以使标题显示在标题下方(因此不会在视觉上受到阻碍),您将不得不依靠 JS 重新计算页面的滚动位置。

p/s:我从不建议对太大的元素进行位置固定。});您的 JS 中也有一个错误 - 最后一行不应该是}.

于 2013-04-11T22:26:34.017 回答