如何推动DIV包装，如果浮动工具条的高度大于

Question

下面的例子http://jsfiddle.net/NuzDj/

如果调整窗口的大小，sidebar重叠wrapper & footer。

如何在边栏重叠时自动推动wrapper高度？

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'); 
    } 
    }); 
});​