使侧边栏定位固定

Question

我使用的是自定义版本的侧边栏，禁用了响应功能。

可以在此 jsfiddle 上找到它的自定义版本（请参阅完整的 fiddle 以获取其余代码）。

#sidebar-wrapper {
box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 50px 1px rgba(255, 255, 255, 0.5);
z-index: 1000;
position: absolute;
right: 250px;
width: 250px;
height: 100%;
margin-right: 0%;
overflow-y: auto;
background: #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

如何防止它随着屏幕尺寸的变化而移动？即使我将所有带有 % 的参数更改为固定像素大小，当我调整屏幕大小时它仍然会四处移动。当我尝试将位置从绝对位置更改为相对位置时，它突然崩溃了，我不知道为什么。

我正在尝试创建一个无响应的网站，其中所有内容都是固定的，并且在调整屏幕大小时不会四处移动。

有没有人知道如何将侧边栏的位置固定到位？

谢谢！

Answer 1

尝试将 #sidebar-wrapper 从 right:250px 更改为 left:750px; 正如目前您所说的侧边栏总是 250px 从右边屏幕。

使侧边栏定位固定

Make sidebar positioning fixed

html

css

jquery

sidebar