固定定位侧栏对齐

Question

我有一个侧边栏，我试图在我的页面上粘贴http://r1creative.net/station22/我在页脚中有一个脚本，当页面到达某个点时，它会将其从静态更改为固定。这很好但我遇到的问题是当它切换时，它会改变div如何保持导航色带并且它们不再“悬挂”在侧面。我试过搞乱不同的组合，但没有什么能保持滚动效果，并留下看起来相同的色带。任何帮助将不胜感激。

由于

以下是我尝试复制http://www.apple.com/finalcutpro/all-features/#incredible-performance

的侧边栏示例

Answer 1

您的侧边栏固定在页面左侧。将其位置设置为固定时，只需将left: 28px添加到元素即可。更好的是，设置一个类，只使用JavaScript添加类，而不是添加每个CSS元素。

Answer 2

看起来问题出在你的“向右浮动”

#navwrap {
    width: 295px;
    float: right; // remove 
    height: 679px;
    background: #F3F3F3;
    position: relative;
    left: 27px; // Add this left positioning
    z-index: 1;
    padding: 20px 0 0;
    box-shadow: -4px 4px 8px #444;
}

让我知道这有帮助。