Question

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

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

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

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

$(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

如何在链接位置末尾附加主题标签？像#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;
}

将div移到$（document）.ready上

1 个答案: