-1

我正在编辑一个 Squarespace 模板，并想创建一个粘性导航侧边栏。有一个 Squarespace 字段，我可以在其中输入“自定义 CSS”。

我已经有了侧边栏，但是如何修改 CSS 以使其保持不变？当我在折叠下方滚动时，我希望它保持可见。

我的div 居中（自动/自动），并且在右侧pageBodyWrapper包含contentWrapperdiv 和div。sidebar1Wrapper

我努力了

#sidebar1Wrapper 
{
   position:fixed;
}

px在or中具有左值或右值%，但每当我更改窗口大小时，侧边栏要么远离内容，要么与内容重叠。

我该如何防止这种情况发生？我可以定义相对于contentWrapperdiv 的固定位置吗？

谢谢您的帮助！

这是我正在谈论的网站：Last Wave Film。

4

1 回答 1

1

不幸的是，该功能尚未内置到 css 中。它是用javascript完成的。本质上，javascript 会检测页面何时滚动到顶部，然后将侧边栏设置为position: fixed.

这是一个使用 jQuery 库的解决方案：http: //css-tricks.com/persistent-headers/

您可以使用 css 固定侧边栏，它将永久固定在浏览器窗口中。

.sidebar1Wrapper {
   position: fixed;
   top: 20px;
   right: 40px;
}
于 2013-03-20T22:32:30.700 回答