2

我希望我的标题不在视线范围内，然后在页面加载时动画到位。

目前，我从带有淡出/淡入的登录页面进行了过渡，并且在此过渡发生之前，标题不应开始动画到位。此外，这种转变只会在我来自我的登陆页面时发生。

关于如何做到这一点的任何想法？

这是我的淡入/淡出脚本：

$(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;
    }
});
4

1 回答 1

1

如何在链接位置的末尾附加一个主题标签？比如#dashboard什么的。然后在加载页面时，您可以检查主题标签是否存在。如果是这样，则为主体设置动画并在主体淡入回调的标题中添加淡入淡出。

就像是

$(document).ready(function() {
    if(window.location.hash)
    {
       $('body').hide();
       //move the header to the top
       $('#header').css('top', -50);
       $('body').fadeIn(2000, function(){
           $('#header').animate({ top: '+=50', }, 2000, function() { 
              // Animation complete. 
           });
       });
    }
    else
    {
       $("body").hide();
       $("body").fadeIn(2000);
       $("a.transition").click(function(event){
            event.preventDefault();
            linkLocation = this.href + '#dashboard';
            $("body").fadeOut(1000, redirectPage);      
        });
    }
});
function redirectPage() {
    window.location = linkLocation;
}
于 2012-12-14T21:35:33.987 回答