防止固定div移動超過某個

Question

結果比我預想的要困難。我在#right元素內有#content區域，#left和#right以及div#sidebar。

目前，固定側邊欄向下滾動以與頁腳重疊。我怎樣才能讓它在更高點終止？

http://jsfiddle.net/uzbNL/

我試圖實現這個previous stack overflow accepted answer，但沒有運氣吧。

Answer 1

看看下面的jsFiddle。我在頁面滾動中添加了一個jQuery偵聽器。每當頁面達到特定的滾動時，我將新類fixed添加到#sidebar，導致它保持固定在容器的底部。

$(function(){ 
    $(window).scroll(function(e){ 
     if($(this).scrollTop()>1750) 
      $('#sidebar').addClass('fixed') 
     else 
      $('#sidebar').removeClass('fixed') 
    });  
}); 

CSS

#sidebar.fixed{position:absolute;top:auto;bottom:0px;}