粘性导航栏/中心区的权利

Question

我正在编辑Squarespace模板，并希望创建一个粘性导航侧边栏。 有一个Squarespace字段，我可以在其中输入“Custom 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;
}