Jquery 如果浮动边栏比它高，我如何推动div包装器

这里有一个例子

如果调整窗口大小，

侧栏

将重叠

包装

&

页脚

---

当侧边栏重叠时，如何自动推送

包装器

高度？

在计算了大约半个小时后，我认为最简单的方法是手动检查滚动到内容末尾的点，在该点从侧边栏中删除固定类，允许在此之后传递的内容按预期显示，然而，为了偷偷地修改它，使它看起来好像仍然在同一个地方，边栏上还应用了一个边距顶部，以便在滚动到内容末尾后，使它保持在它的端点

以下是JSFIDLE：

有了这一点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');
    }
  });
});​

---

经过大约半个小时的研究，我认为最简单的方法是手动检查滚动到内容末尾的点，此时从侧边栏中删除固定类，允许在此之后传递的内容按预期显示，然而，为了偷偷地修改它，使它看起来好像仍然在同一个地方，边栏上还应用了一个边距顶部，以便在滚动到内容末尾后，使它保持在它的端点

以下是JSFIDLE：

有了这一点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');
    }
  });
});​

---

“位置固定”是所有那些在互联网上遇到的恼人的“把菜单放在脸上”脚本，可能甚至33.33%都应该使用。事实上，他们每毫秒更新一个块的位置太慢了，而且看起来很滞后。位置固定===滞后固定：）投你一票，@MagicDev先生！哈哈哈，谢谢你，是的，我同意很多页面使用这个非常糟糕，但嘿，很多开发人员只是不知道更好-虽然我希望有一个更简单的方法来解决这类问题，而不是诉诸一堆jquery；css4？位置固定是所有那些在互联网上遇到的恼人的“把菜单放在脸上”脚本，可能甚至33.33%都应该使用的。事实上，他们每毫秒更新一个块的位置太慢了，而且看起来很滞后。位置固定===滞后固定：）投你一票，@MagicDev先生！哈哈哈，谢谢你，是的，我同意很多页面使用这个非常糟糕，但嘿，很多开发人员只是不知道更好-虽然我希望有一个更简单的方法来解决这类问题，而不是诉诸一堆jquery；css4？