javascript - 在绝对定位的 div 中需要一个固定定位的 div

Question

我正在使用 Snap.js 插件 -(它允许您创建滚动侧抽屉/面板)。

它的工作原理是创建 3 个绝对定位的 div，其中一个包含主要内容。

当 div 本身位于绝对定位的 div 中时，有没有办法将它固定到窗口的顶部。

目前我只是让固定的 div 固定到绝对定位的 div 的顶部，而不是固定到浏览器的顶部。当我滚动时，div 仍然固定在主要内容的顶部，而不是窗口。

例如:

<div style="position:absolute;">

    <div style="position:fixed;top:0">
       <!-- some content which needs to be pinned to top of window -->
    </div>

</div>

目前我正在使用 javascript 来跟踪滚动偏移并手动调整子 div 的顶部位置，这对于性能来说并不理想。

感谢任何帮助!

Answer 1

我制作了一个 fiddle 来展示我的 javascript 解决方法 - 在 Internet Explorer 中滚动时它会抖动，任何想法。

<div id="displayed-content" class="snap-content scrollable">
    <div><!-- regular content --></div>
        <div><!-- fixed content --></div>
    <div><!-- footer content --></div>
</div>

http://jsfiddle.net/bxRVT/