javascript - 使用 jQuery ScrollTop animate 在 Chrome 中出现奇怪的第一次滚动延迟

Question

我正在使用的元素之一 ( http://dev.sreejesh.in/wpissue/) 在 Chrome 中出现奇怪的滚动问题。

在谷歌浏览器中，第一次点击链接(“The Project”)时，页面会延迟 1 秒滚动。滚动一次后，在重新加载页面之前，该问题将永远不会再次出现。在 Firefox 中它运行完美。

我使用下面的代码

HTML

<li class="fleft" style="opacity: 1;">
    <a href="javascript:void(0);" class="theprojects inpagelink">The Projects</a>
</li>

jQuery

$('.theprojects').click(function(){
    $("html, body").animate({ scrollTop: $("#main").offset().top }, 1000);
});

转到这里 - http://dev.sreejesh.in/wpissue/并单击“元素”或“关于我们”链接，您将在 chrome 中看到该问题。

*操作系统 = Windows 10 | Chrome 版本 = 46.0.2490.86

请帮忙

Answer 1

最后在Wilson Page的建议下问题得到了解决。这是页面中未优化的图像导致的问题。优化图像后，滚动在 Chrome 中运行流畅，无需更改任何脚本。