jquery淡入淡出视差动画中的div

Question

我有一个只显示一些logo和etxt和div的主页，点击它滚动到另一个页面。

现在我已经完成了滚动的动画部分。 我需要的是当有人点击查找你的心时，导航div必须作为淡入淡出效果。 我试过窗口方法，并采取滚动位置，但没有任何工作。

Answer 1

如果要滚动到导航DIV使用此代码：

$("#findYourHeartDiv").click(function() { 
    $('html, body').animate({ 
    scrollTop: ($("#navDiv").offset().top) 
    }, 800); 
}); 

如果你想淡化它，隐藏它首先（例如使用CSS display:none;），然后使用此代码：

$("#findYourHeartDiv").click(function() { 
    $("#navDiv").fadeIn(); 
}); 

可以结合两种滚动到它，并在它消失：

$("#findYourHeartDiv").click(function() { 
    $('html, body').animate({ 
     scrollTop: ($("#navDiv").offset().top) 
    }, 
    500, 
    function() { 
     //animation complete function 
     $("#navDiv").slideDown(); 
    }); 
}); 

淡入如果用户滚动到一个位置：

$(window).bind("scroll", function() { 
    var wintop = $(window).scrollTop(); // the scroll position 
    if(wintop>$("#navDiv").offset().top) { 
    $("#navDiv").fadeIn(); 
    } 
    else { 
    $("#navDiv").fadeOut(); 
    } 
}); 

Answer 2

检查：http://imakewebthings.com/jquery-waypoints/ 它可以帮助你.. :)