尝试让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 () {
}
声明?