Question

我正在使用自定义版本的侧边栏，并且已禁用响应。

可以在jsfiddle上找到它的自定义版本（请参阅其余代码的完整小提琴）。

#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时

使侧栏定位固定

1 个答案: