防止固定的div移动超过某个

Question

事实证明这比我预想的要困难。我在#content元素中有一个#left区域，#right和div#sidebar #right。

目前，固定侧边栏向下滚动以与页脚重叠。如何让它在更高的点终止？

http://jsfiddle.net/uzbNL/

我试图实现这个previous stack overflow accepted answer，但没有运气。

Answer 1

请查看以下jsFiddle。我在页面滚动中添加了一个jQuery监听器。每当页面到达某个滚动时，我都会向fixed添加新的#sidebar类，使其保持固定在#right容器的底部。

$(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;}