使用浮动的div向上/向下滚动页面？

Question

我有一个刻板的两列（1个内容，1个侧边栏）布局，每个列都浮动对立面和所有这些。但我需要我的侧边栏滚动页面。我的第一直觉是使用position:fixed，没有意识到它会弄乱我的花车。所以我不确定该怎么做。如果我可以避免它，我宁愿不对两列绝对定位。这个网站或多或少完全编码，我只发现侧边栏需要在流程的最后一段滚动。因此PITA对它做了太多的事情。

所以基本上我需要一种方法来使浮动的DIV表现得好像它在position:fixed

的影响下

我的想法理想上可能是一个javascript / jQuery解决方案，只是锁定div并使魔术发生？但如果它是一个快速/简单的解决方案，我会对CSS解决方案持开放态度。

Answer 1

我猜你制作侧边栏position: fixed的问题在于它将其从流程中移除，因此您的主要内容会转移到侧边栏下方的左侧。如果这是正确的解释，则将margin-left添加到主要内容，其宽度与侧边栏相同，例如：

.sidebar {
    position: fixed;
    width: 200px;
}
.content {
    margin-left: 200px;
}

只有两列，不需要浮动主要内容。根据您的具体情况进行调整（例如，将单位更改为em或其他）。