粘贴导航条/居中Div的右侧

Sticky Navigation Bar / Right of a Centered Div

本文关键字：Div 居中 导航      更新时间：2023-09-26

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

我已经有了侧边栏，但我如何修改CSS使它坚持?我希望当我滚动到折叠页下方时，它仍然可见。

我的pageBodyWrapperdiv居中(auto/auto)，并且包含contentWrapperdiv和sidebar1Wrapperdiv，位于右侧。

我试过了

#sidebar1Wrapper 
{
   position:fixed;
}

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

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

谢谢你的帮助!

这就是我说的网站:Last Wave Film

遗憾的是，这个功能还没有内置到css中。它是用javascript完成的。基本上，javascript检测页面何时滚动到顶部，然后将侧边栏设置为position: fixed。

下面是使用jQuery库的解决方案:http://css-tricks.com/persistent-headers/

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

.sidebar1Wrapper {
   position: fixed;
   top: 20px;
   right: 40px;
}
相关文章：