javascript - 当 #links 在 Google 中不起作用但在 Firefox 中起作用时，如何修复 anchor 的 #links

Question

这是一个简单的问题。

我的个人业务网站； www.webparity.net 突然停止在 Chrome 中工作。这意味着，FRONT.JS 代码中指向页面上 anchor 的链接不再起作用，但在 Safari 和 Firefox 中工作正常。我傻眼了。

这是菜单系统中的链接代码。

<div id="navigation" class="collapse navbar-collapse">
    <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="#intro">Home</a></li>
        <li><a href="#about">About </a></li>
        <li><a href="#services">Services</a></li>
        <li><a href="#portfolio">Portfolio</a></li>
        <li><a href="#text">Capabilities</a></li>
        <li><a href="#team">Team</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
</div>

这是 FRONT.JS 第 111 行的 JS 代码。

/* animated scrolling */

$('.scroll-to, #navigation a').click(function (event) {
    event.preventDefault();
    var full_url = this.href;
    var parts = full_url.split("#");
    var trgt = parts[1];

    $('body').scrollTo($('#' + trgt), 800, {offset: -50});

});

当我单步执行时，没有错误，只是菜单不起作用。但是，话虽如此，滚动到顶部实际上确实有效!

当我构建它时，它已经工作了一年多。

我注释掉了索引文件底部的 GTM。但到处都是 GOOGLE 错误。我尝试过的一件事是，CHROME 的安全剥离版本，但它仍然不起作用!

这让我抓狂，试图找出问题所在。我需要解决这个问题，因为这是我的面包和黄油!

Answer 1

在 Chrome 中，窗口似乎在滚动而不是正文。

最好使用.scrollTop()而不是scrollTo。 jQuery没有scrollTo方法

使用这个:

$(window).scrollTop($('#' + trgt), 800, {offset: -50});
$('body').scrollTop($('#' + trgt), 800, {offset: -50});