我现在有一个侧边栏，但我不希望它在用户滚动时保持在同一位置（HTML，CSS）[重复]

Posted 2023-03-06

【中文标题】我现在有一个侧边栏，但我不希望它在用户滚动时保持在同一位置（HTML，CSS）[重复]

【英文标题】：I got a sidebar now, but I dont want it to stay in the same position when the user scrolls (HTML, CSS) [duplicate]

【发布时间】：2021-03-03 08:00:38

【问题描述】：

我认为标题很好地说明了这一点。基本上侧边栏固定在一个位置。我喜欢它的位置，但我不希望它被修复。当我删除 position: fixed; 时，它只会堆叠在内容之上。

html

<div class="sideBarLeft">
...
</div>
<div class="content">
...
</div>

CSS

div.content 
    background-color: rgba(0, 0, 0, 0.500);
    padding-left: 250px;
    padding-right: 250px;
    margin-left: 250px;
    margin-right: 250px;

div.leftSideBar 
    width: 160px;
    position: fixed;
    z-index: 2;
    top: 1;
    left: 0;
    background-color: rgba(0, 0, 0, 0.500);
    overflow-x: hidden;
    margin-left: 5px;
    margin-top: 5px;
    text-align: left;
    padding-left: 5px;

【问题讨论】：

你试过position:absolute吗？

那行得通。请将其发布为答案，以便我将其标记为已回答。

【参考方案1】：

position:absolute 将使用相同的左/上位置，但不会卡在原位。

【讨论】：

这也适用于右边吗？我需要改变什么才能让它正确？

@UCYT5040 将left:0 更改为right:0

右侧边栏出现在左侧边栏下方。如何将它们定位在同一级别？