jQuery的，window.scroll，定位橫幅

Question

我想定位的一面旗幟，同時滾動：

的代碼是

$(window).scroll(function(){ 
    offset = $(window).scrollTop()+80; 
    var h = $(window).height(); 

    if(offset < 80 && offset < (h-800)) 
    { 
     offset = 80; 
    } 

    $('#sidebar1').animate({top:offset}, 450); 
}); 

的問題是偏移是動態的，而向下滾動它改變，橫幅超出了窗口，一邊向下滾動，一邊慢慢滑下。我想要一個不斷滾動的上下動畫。

是否有像底部而不是頂部的屬性，或者是否存在滾動以外的事件以實現恆定滾動？

Answer 1

這是關於你的問題interessting線程克里斯漢斯科姆回答 - 微軟MVP：

Microsoft Forums

在這個線程提到...一個漂亮的小jQuery插件在所有可用方向滾動： JScroller

希望這有助於...

Answer 2

請參閱此鏈接 - http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/

前一段時間我也問了一個關於這個話題的問題，可能對你有用。這是上面的例子的修改版本 - Floating Scrolling Div with vertical constraints

如果這不是你以後，也許你可以提供更多的你的問題的解釋，或許這截屏，甚至一個例子網站。

Answer 3

舊帖子我知道，但如果有人正在尋找解決方案，請參閱jQuery停止方法，代碼寫在下面。

$(window).scroll(function(){ 
    offset = $(window).scrollTop()+80; 
    var h = $(window).height(); 

    if(offset < 80 && offset < (h-800)) 
    { 
     offset = 80; 
    } 
    $('#sidebar1').stop(); 
    $('#sidebar1').animate({top:offset}, 450); 
});