居中的相对 div 旁边的浮动滚动侧边栏

Question

我想在我的内容div（自动居中）旁边（左侧）放置一个浮动侧边栏。我想将其放置在顶部 790px，滚动时，它仍然位于内容div 的左上角。我已经找到了javascript的解决方案。但是他们都没有将侧边栏放在居中内容旁边（我需要它动态，适用于所有分辨率）。我找到的所有解决方案都是在滚动时将侧边栏位置更改为固定（在 javascript 代码中）（低于 790px）。但是，如果我希望它仍然在我的居中div 旁边，我需要为侧边栏使用绝对位置（即使在滚动时），对吧？请问有什么解决方案吗？谢谢。

Answer 1

使用fixed - 它会产生以下div的错觉 - 例如：

.html：

 <div id="sidebar">
        [ sidebar content ]<br>
        [ sidebar content ]<br>
    </div>
   <div id="container">
    [content]<br>
    ....    
    </div>

.css：

#sidebar {
        position: fixed;
        top: 60px;
        width: 200px;
        left: 0;
        border: 1px solid #0f0;
    }

这是代码 - 取出 JavaScript 内容并取消嵌套div，让我知道这是否可以接受:D