在淡入之前分秒的闪烁页面

Question

下面是我的代码，它在加载页面之前大约一秒钟闪现该网站如何阻止它执行此操作，以便它在加载新页面时平滑淡入Divs？

$('#home').animate({'opacity' : 0}, 0);
fadeInDivs(['#home']);
function fadeInDivs(els) {
e = els.pop();
$(e).delay(750).animate({'opacity' : 1}, 1000, function(){
   if (els.length) fadeInDivs(els);
});

};

Answer 1

如上所述，您需要将#home设置为在CSS中不可见。但是，如果您希望在禁用JS时显示您的页面，则可以执行以下操作：

<script type="text/javascript">
    document.write(
        "<style type='text/css'>" +
        "#home { opacity: 0; }" +
        "</style>"
    );
</script>

...所以只有在启用JS时才会添加css。这些天来这可能有点过头了。

Answer 2

你有#home设置显示：无;在样式表？闪存可能正在发生，因为内容在动画功能启动之前显示。添加display：none;会阻止内容显示，然后允许动画功能显示它。