javascript - 在多个页面上平滑滚动导航

Question

我有一个单页式页面，其中顶部导航链接到同一页面内的 anchor ，并具有平滑的滚动效果。

问题是其他内部页面中使用了相同的导航片段，所以我想知道:

如果当前页面不是单页浏览器，如何创建进入单页浏览器的条件。

这就是我到目前为止所拥有的，也许阅读代码可以更容易地理解我想要实现的目标。

<ul id="main_menu">
<li><a href="#start">Start</a></li>
<li><a href="#overview">Overview</a></li>
<li><a href="#gift">Make a Gift</a></li>
<li><a href="#activities">Activities</a></li>
<li><a href="#resources">Resources</a></li>
</ul>

这在我的主页(sample.com/start)中运行良好

但是，如果我在 example.com/overview，当我单击主菜单链接上的“资源”时，我应该返回到sample.com/start#resources，而不是sample.com/overview#资源

有什么想法吗？

Answer 1

在起始页上按原样使用代码，在其他页面上将 start#resources 放入您的 URL，而不是仅放入 #resources。