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

时间:2014-02-18 19:48:00

标签: javascript html css

我想放置一个浮动侧边栏,下一个(左侧)到我的内容div(自动居中)。我想从顶部放置790px,滚动时,它仍然位于内容div的左上角。我用javascript找到了解决方案。但他们中没有人正在将侧边栏放在一个居中的内容旁边(我需要它动态,适用于所有分辨率)。我发现的所有解决方案都是在滚动时(右下角790px)将侧边栏位置更改为固定(在javascript代码中)。但是如果我想让它仍然在我的居中div旁边,我需要使用侧边栏的绝对位置(即使滚动),对吧?请问有什么解决方案吗?非常感谢你。

1 个答案:

答案 0 :(得分:0)

使用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