导航时保持网站位置答案

【问题标题】：Hold website position when navigating导航时保持网站位置
【发布时间】：2010-02-02 14:59:00
【问题描述】：

有没有办法让点击导航栏中的不同链接时页面不会跳到网站顶部？

e。所以说我正在浏览我的网站，我向下滚动了一点。然后我单击一个链接，该链接导航到我网站上的不同页面。它会自动滚动到顶部。有没有办法让它不这样做。

【问题讨论】：

标签： html css

【解决方案1】：

您可以使用链接到该页面上的锚点，而不是简单地链接到页面，

<a href="pagename.html#anchor">link text</a>

如果该锚点正确放置在目标页面上，您将不会在每次链接到另一个页面时都体验到跳回顶部。希望这会有所帮助

【讨论】：

【解决方案2】：

如果这是我正在想象的问题：

将链接更改为指向<a href="#"> 或<href="javascript:void(0);">

如果你要去不同的页面，你可以使用如下链接：

<a href="page2.html#Section5">My Link</a>

在页面下方：

<div id="Section5">
 Stuff!
</div>

【讨论】：

【解决方案3】：

这就是网络的工作方式。但是你仍然可以一轮做一些工作，但每一个都需要一点工作。

第一个选项： 当您单击页面上的任何链接时，从顶部获取链接的边距，然后将其作为参数添加到此链接，然后才进行导航。（该行的格式类似于 page.html#margin-from-top）。
然后在新加载的页面中，您可以查找此值并进行滚动。（我更喜欢持续时间短的滚动）。

第二个选项： 另一个想法是始终保持在同一页面上，并且只更改其内容。你也可以用一点效果来做到这一点。

【讨论】：

【解决方案4】：

您似乎也想使用 mooTools ScrollTo 来影响甚至可能调用 SWFAddress 之类的 AJAX 方法。

根据您要执行的具体操作，您可能无需使用任何花哨的 javascript 就可以完成它，但这取决于标签/等的包含。在您的目标页面上（如前所述）。

【讨论】：