滾動時將 div 粘在左側

Question

所以我試圖創建一個左側的導航欄，但滾動后我無法讓它正確地留在左邊。

我試過使用：

position: fixed;

和

position: absolute;

然而，它完全減少了 DIV 的寬度。

要了解我正在使用的內容，請訪問： http://198.50.242.77/YouBB/ : 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%;

這做你想要的。 您只需要將其余內容放在右側。