顯示事業部爲用戶向下滾動

我有基於此另一個搗鼓一個工作演示：http://jsfiddle.net/jackdent/gRzPF/12/顯示事業部爲用戶向下滾動

基本上我？我怎樣才能div的淡入，而不是隻加載直客。

這裏是我使用的代碼：

$(".reveal").addClass("noshow"); 
var contentNumber = 0; 

function reveal() { 
    var constraintNumber = contentNumber + 7; 
    //IMPORTANT - DO NOT DELETE 
    $(window).trigger('resize'); 
    //IMPORTANT - DO NOT DELETE 
    for (i = contentNumber; i < constraintNumber; i++) { 
     //Get the nth div of class content, where n is the contentNumber, and make it shown 
     $('.reveal').eq(contentNumber).removeClass("noshow"); 
     contentNumber ++; 
    } 
} 

//Window scroll function 
$(window).scroll(function() { 
    if ($(window).scrollTop() == $(document).height() - $(window).height()) 
    { 
     reveal(); 
    } 
}); 
reveal();

這是我的工作小提琴：

http://jsfiddle.net/barrycorrigan/4Ur6R/

我完全新望對jQuery和我從例如採取這一代碼以上。它完美的作品，我只想讓DIV淡入淡出。

我將不勝感激任何幫助得到這個工作。

來源

2014-01-10 Barry Corrigan

改變這一行：

$('.reveal').eq(contentNumber).removeClass("noshow");

這樣：

$('.reveal').eq(contentNumber).fadeIn('300');

300是在毫秒的時間才能出現。

DEMO

來源

2014-01-10 14:17:07 Turnip

輝煌乾杯

$(".reveal").css('opacity', '0'); $(".reveal").removeClass('noshow'); $(".reveal").animate("opacity+=1");

。 –

只要改變

.removeClass("noshow");

到

.fadeIn();

淡入有一些額外的參數，如持續時間，看here。

來源

2014-01-10 14:19:02

取出NOSHOW類，之後使用jQuery的動畫功能與透明度CSS屬性淡入：爲額外的參數

來源

2014-01-10 14:20:06

顯示事業部爲用戶向下滾動

回答

相關問題