頁向上滾動使用JQuery淡入 - 淡出

Question

您好我使用下面的代碼來創建幻燈片與多個DIV元素：

var $ = jQuery.noConflict(); 
function fadeContent() { 
    $(".slideshow .asset-abstract:first").fadeIn(500).delay(2000).fadeOut(500, function() { 
    $(this).appendTo($(this).parent()); 
    fadeContent(); 
    }); 
} 
fadeContent(); 

幻燈片正常工作，但有一個問題。當延遲（2000）觸發fadeIn-fadeOut時，頁面向上滾動！

我能做些什麼來防止這種情況發生？

Answer 1

它是因爲fadeOut方法在元素上結束op設置display:none;。

如果強制顯示塊在CSS中不會出現這種情況：

的CSS：

.slideshow .asset-abstract:first-child { 
    display:block; 
} 

Answer 2

我認爲當元素淡出它並不需要房地產在頁面上。它下面的元素將取代它的位置，您感覺像滾動頁面。您可以對正在嘗試淡入/淡出的元素使用包裝，併爲此包裝元素提供適當的高度。但這不是一個好的用戶體驗，因爲當這個元素將會淡出時，頁面上會出現空白部分。