jquery - 两个固定的 div - 右和左

Question

我想在我的网页上创建两个固定的 div。第一个应该在左边，第二个在右边。我创建了一些代码，但它并不完美。

演示 here

我不知道如何纠正它。有什么解决办法吗？

Answer 1

通过为 #main 提供一个等于固定列宽度的 margin，它可以防止该区域向左弹回。当您将 position:fixed 应用于列时，它会将这些元素从文档流中移除。

由于 position:fixed 动态应用于列(通过使用 JS)，您还可以考虑将 margin 应用于 #main 如果仅出于计时目的，也可以动态地进行。