jquery - 如果 float 侧边栏比它高，我如何插入 div 包装

Question

这里是一个例子 http://jsfiddle.net/NuzDj/

如果调整窗口大小，侧边栏会与包装器和页脚重叠。

当侧边栏与包装器重叠时，如何自动插入包装器高度？

Answer 1

在过去的半个小时内解决这个问题后，我认为最简单的方法是手动检查滚动点超过内容末尾，此时从侧边栏中删除固定类，以允许内容通过在此之后按预期显示，但是要偷偷地破解它，使其看起来好像仍然在同一个地方，边距顶部也应用于侧边栏，以在滚动到内容末尾后使其保持在其终点.

这是 jsfiddle:http://jsfiddle.net/mikeymagic/yxh8m/3/

使用 jquery 魔法:

 var sidebarheight = $('.sidebar').height();
 var contentheight = $('.content').height();

 if (y > (contentheight - sidebarheight)) {
     $('.sidebar').css({marginTop: contentheight - sidebarheight - 10});
     $('.sidebar').removeClass('fixed');
 }
 else 
    {
     $('.sidebar').css({marginTop: '0'});
     $('.sidebar').addClass('fixed');
    }

这被插入到这之间

 var y = $(this).scrollTop();
    if (y >= top) {
      $('.sidebar').addClass('fixed');

还有这个:

} else {
      $('.sidebar').removeClass('fixed');
    }
  });
});​