javascript - 防止固定 div 移过某个

Question

事实证明，这比我预期的要困难。我在元素内部有一个#content区域、 a#left和 a 。#rightdiv#sidebar#right

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

http://jsfiddle.net/uzbNL/

我试图实现这个先前的堆栈溢出接受的答案，但没有运气。

Answer 1

Look at the following jsFiddle. I've added a jQuery listener on page scroll. whenever the page reaches a certain scroll I add new class fixed to the #sidebar causing it to stay fixed on the bottom of #right container.

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