11

Snap.js プラグインを使用しています (スクロールするサイド ドロワー/パネルを作成できます)。

3 つの絶対配置 div を作成することで機能し、そのうちの 1 つにメイン コンテンツが含まれます。

ウィンドウの上部に固定された 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 の上部の位置を手動で調整していますが、これはパフォーマンスにとって理想的ではありません。

どんな助けでも大歓迎です！

4

2 に答える 2

2

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/

于 2013-06-10T12:46:54.190 に答える