jQuery 滚动一页导航菜单 Bug

Question

我的导航菜单出现了一个错误，当你加载页面时它工作正常，在你点击导航页面后它会滚动到特定点并且它还会向 li 广告一个事件类，所以它看起来突出显示(事件)但是在我打开另一个页面然后单击菜单中的任何导航链接后，它应该返回它所做的主页，但是获取该部分的位置似乎有问题并且向其中添加事件类。非常感谢对此提供的任何帮助，这是该网站的链接:

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

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

Answer 1

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

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

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

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