FadeOut div當水平滾動時

Question

當我開始水平滾動時，我想用jQuery慢慢淡出div，然後當我在水平軸上回到0時淡入淡出。所以我有這樣的：

<div id="hider">Content</div> 

然後腳本：

$(function() { 
    $(document).scroll(function() { 
    if($('body').scrollLeft() == 0) 
    $("#hider").fadeIn(); 
    else 
    $("#hider").fadeOut(); 
    }); 
    }); 

，並在CSS

我：

#hider { 
position: absolute; 
left: 34px; 
display: none; 
    } 

我看到了類似的線程這個解決方案，但我無法讓它工作。div＃hider在我滾動時不停地閃爍，並且永不停止閃爍

謝謝！

Answer 1

您選擇一個標籤不是ID：

做到這一點：添加#這樣的：

$("#hider").fadeIn(); 

看到這一點：http://api.jquery.com/fadeIn/和http://api.jquery.com/fadeOut/

看到this爲你正在嘗試去做。