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 hash并搜索具有以下id的元素（span.anchor）并将整个文档滚动到它

jquery scroll一页导航菜单Bug

1 个答案: