Jquery fadeIn 和 fadeOut 页面在加载之间生成白色页面闪烁

Question

我在使用 jQuery 使用网页的淡入和淡出时遇到问题。当脚本运行时，我的页面淡出，然后白色闪光，然后我的新页面淡入。这是 jQuery 效果的典型情况吗？这对我来说是一个问题，因为该网站非常暗，背景是黑色，所以很不和谐。

下面是我用来运行这些效果的脚本。是否是生成此问题的页面重定向存在问题？有更有效的方法吗？

$(document).ready(function() {

    $("body").css("display", "none");

    $("body").fadeIn(2000);

    $("a.transition").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("body").fadeOut(1000, redirectPage);      
    });

    function redirectPage() {
        window.location = linkLocation;
    }

});

提前谢谢大家。感谢您的帮助。

帕特里克

Answer 1

当淡出动画完成时，它将在 body 上设置 display:none 。这可能是你的白色闪光的来源。尝试将整个页面包裹在正文中的 div 内，然后淡出该 div。

或者尝试应用此 CSS:

html,body {
  background-color:#000;
}