粘性導航欄/中心Div的右邊

Question

我正在編輯Squarespace模板，並且想要創建粘性導航邊欄。 有一個Squarespace字段，我可以輸入「自定義CSS」。

我已經有了側邊欄，但是如何修改CSS以使其保持原樣？我希望它在摺疊下滾動時保持可見狀態。

我的pageBodyWrapper div居中（自動/自動），同時包含右側的contentWrapper div和sidebar1Wrapper div。

我已經試過

#sidebar1Wrapper 
{ 
    position:fixed; 
} 

與px或%左或右值，但每當我改變窗口大小，側邊欄要麼會從內容離開或與其重疊。

如何防止這種情況發生？ 我可以定義相對於contentWrapper div的固定位置嗎？

謝謝你的幫助！

這是我在說的網站：Last Wave Film。

Answer 1

不幸的是，功能尚未構建到CSS中。它是用JavaScript完成的。本質上，javascript檢測頁面何時滾動到頂部，然後將邊欄設置爲position: fixed。

下面是一個使用jQuery庫的解決方案：http://css-tricks.com/persistent-headers/

您可以使用CSS固定側邊欄，它會被永久固定在瀏覽器窗口。

.sidebar1Wrapper { 
    position: fixed; 
    top: 20px; 
    right: 40px; 
}