jquery - jQuery 滚动一页导航菜单 Bug

Question

我的导航菜单遇到了一个错误，当您加载页面时它工作正常，在您单击导航页面后它会滚动到特定点，并且它还会向 li 广告一个活动类，因此它看起来突出显示（活动) 但是在我打开一个不同的页面然后单击菜单中的任何导航链接后，它应该返回到它所做的主页，但似乎在获取该部分的位置并添加活动的给它上课。我非常感谢对此的任何帮助，这是该网站的链接：

http://staging.creativemagma.com/trinity/

加载站点，测试导航，然后打开一个生物帖子并单击导航中的任何链接以体验问题。

Answer 1

您的问题是，当用户在主页上滚动到确切点时，是通过 jQuery 处理的，而当用户使用诸​​如http://staging.creativemagma.com/trinity/#about之类的链接从其他页面访问主页时，它还没有滚动仅由本机浏览器方法控制 - 仅在视口中显示具有所需 ID 的元素

要更正此问题，您必须将其添加到您的 jquery 代码中：

$('body').animate({
            scrollTop: $($('.anchor#'+document.location.href.split('#')[1])).offset().top
        }, 1500,'easeInOutExpo');

加载页面后，我们获取 url 哈希并搜索具有以下 id 的元素（span.anchor）并将整个文档滚动到它