html - 固定定位侧边栏对齐

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;
}

让我知道这有帮助。