这是一个简单的问题。
我的个人业务网站; 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 的安全剥离版本,但它仍然不起作用!
这让我抓狂,试图找出问题所在。我需要解决这个问题,因为这是我的面包和黄油!
最佳答案
在 Chrome 中,窗口似乎在滚动而不是正文。
最好使用.scrollTop()而不是scrollTo。 jQuery没有scrollTo方法
使用这个:
$(window).scrollTop($('#' + trgt), 800, {offset: -50});
$('body').scrollTop($('#' + trgt), 800, {offset: -50});
关于javascript - 当 #links 在 Google 中不起作用但在 Firefox 中起作用时,如何修复 anchor 的 #links,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46903791/