粘性导航栏/中心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; 
}