导航时保持网站位置

Question

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

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

Answer 1

而不是简单地链接到页面，您可以使用

链接到该页面上的锚点

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

如果该锚点正确放置在目标页面上，则每次链接到另一个页面时都不会遇到跳回顶部的情况。希望这有帮助

Answer 2

如果这是我想象的问题：

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

如果您要访问不同的网页，可以使用以下链接：

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

在页面中向下：

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

Answer 3

这就是网络的运作方式。但是你仍然可以做一些工作，但每个人都会做一些工作。

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

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

Answer 4

似乎也可能想要使用mooTools ScrollTo影响甚至可能调用像SWFAddress这样的AJAX方法。

根据您正在尝试做的事情，您可以在不使用任何花哨的javascript的情况下完成它，但它将取决于包含标签/等。在您的目标页面上（如前所述）。