強制滾動條本身停止向上移動（假限制），而div仍在向上滾動。

Question

jsFiddle：http://jsfiddle.net/2ezQ9/2/

在我的網站上，我使用NiceScroll3在容器div中使用AJAX提取數據的滾動條。我的問題是這樣的：當我滾動到容器div的頂部時，滾動條本身繼續在標題下滾動到容器的頂部。這是正常的，我知道，但我希望滾動條在容器完成滾動時停在標題底部。基本上，我希望滾動條停留在頂部空白處，這與我的標題高度相同（即：不與標題重疊）。我無休止地搜索，無法在網上找到解決方案。先謝謝你！

HTML

<div id="wrapper"> 
<div id="header">STICKY HEADER</div> 
<div id="content">CONTENT 
<br />CONTENT<br />CONTENT<br />CONTENT <br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT <br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br />CONTENT<br /> 
</div> 
<div class="push"></div> 
</div> 

CSS

#wrapper { 
    padding: 0; 
    height: auto; !important; 
    position: relative; 
    margin: 0; 
    width: 100%; 
    top:0; 
} 
#header { 
    position: fixed; 
    z-index: 1; 
    margin: 0; 
    padding: 0; 
    left: 0; 
    height: 40px; 
    width: 100%; 
    background-color: blue; 
} 
#content { 
    padding: 5px; 
    padding-top: 44px; 
    filter: alpha(opacity=50); 
    max-width: 1105px; 
    border: 1px solid #333333; 
    margin-right: auto; 
    background:#252525; 
} 

Answer 1

如果我正確理解你的問題，你可以使用一個jQuery scroll事件，並不能放過的標題是這樣的高度： http://jsfiddle.net/2ezQ9/4/

$(window).scroll(function() { 
    if ($(this).scrollTop() < 58) { 
     $(this).scrollTop(58); 
    } 
});