滚动时向左侧做一个div

Question

所以我正在尝试创建一个左侧导航栏，但滚动后我无法正确地保持在左侧。

我尝试过使用：

position: fixed;

和

position: absolute;

然而，它完全削减了DIV的宽度。

要查看我正在使用的内容，请转到：http://198.50.242.77/YouBB/

我更喜欢严格使用CSS，但如果我必须使用JS，我会使用它。

谢谢！

Answer 1

position: fixed就是你想要的。这导致元素完全从流中移除，并且即使在滚动页面后也保持在相同位置。

position: absolute类似，但它只从流中删除一个元素。滚动包含div（或者在这种情况下，整个页面）仍然会导致它移动。

我在Chrome中打开了您的网页，并将#navigation的样式更改为：

background: white;
height: 100%;
text-align: center;
position: fixed;
width: 18.72%;

这就是你想要的。您只需要将其余内容放在右侧。