尝试让h1在页面加载后淡入。在本地测试时,它可在所有浏览器中使用。但是,使用Chrome托管时,它并不总是淡入淡出。有时从一开始就完全可见。我已经尝试了两种似乎都可以在Safari和Firefox中使用的方法,但是无论是否可以使用Chrome,Chrome都是一个“难题”。

Chrome是否只是从缓存加载而不执行,还是有另一种编写此JavaScript的方法?

我试过了:

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


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

我尝试过:

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


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

有什么建议?还是为什么Chrome一直都无法正常运行?

最佳答案

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

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

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


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

  window.onload = function () {
  }


声明?

10-05 20:58
查看更多