javascript - Chrome 的 window.onload

Question

页面加载后尝试让 h1 淡入。在本地测试时，它适用于所有浏览器。但当使用 Chrome 托管时，它并不总是淡入。有时它从一开始就完全可见。我尝试了两种方法，似乎在 Safari 和 Firefox 中都有效，但 Chrome 是否有效是“不确定”的。

Chrome 是否只是从缓存加载而不执行，还是有其他编写此 JavaScript 的方法？

我已经尝试过:

$('.headerTopHeading, .headerSubHeading').animate({
    'opacity': '1'}, 1200);

包装在 document.ready 中，并从一开始就通过 CSS 将不透明度设置为零。

我已经尝试过:

window.onload = function () {
    $('.headerTopHeading, .headerSubHeading').fadeIn('1200');
};

通过 CSS 将显示设置为无，并放置在 document.ready 包装之外。

有什么建议吗？或者 Chrome 行为始终不一致的原因是什么？

Answer 1

您确定 JS 控制台中没有错误导致脚本有时停止执行吗？

我建议你尝试仅使用 jQuery 来更改类并将动画留给 CSS。虽然代码

$('.headerTopHeading, .headerSubHeading').animate({
    'opacity': '1'}, 1200);

看起来不错，所以也许尝试将其包装在您的

  window.onload = function () {
  }

声明？