html - 固定定位侧边栏对齐

Question

我有一个侧边栏，我试图在我的页面上粘住 http://r1creative.net/station22/我在页脚中有一个脚本，当页面到达某个点时将其从静态更改为固定。这工作正常，但我遇到的问题是当它切换时，它改变了 div 保持导航功能区的方式并且它们不再“挂”在一边。我试着搞乱不同的组合，但没有什么能保持滚动效果，让丝带看起来一样。任何帮助将不胜感激。

谢谢

这是我试图复制的边栏示例 http://www.apple.com/finalcutpro/all-features/#incredible-performance

Answer 1

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

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

让我知道这有帮助。