これを機能させるにはいくつかの問題があります。助けてください。
ビューポートの上部に要素を固定したいのですが、ユーザーがページを下にスクロールすると、ビューポートの上部に残ります...簡単です。ウィンドウが 960px より狭い場合、水平スクロールバーが表示されます。ウィンドウが水平にスクロールされる場合、この固定要素内のコンテンツも一緒にスクロールしたいと思います。
デモを確認してください。2 つの緑色のボックスが常に並んでいる必要があります。ウィンドウを狭くして水平にスクロールすると、それらが一列に並んでいないことに注意してください。
これは JavaScript なしで可能ですか? IE7+ で動作し、IE6 で完全に壊れるわけではありません。
ああ、興味深い質問です。JavaScriptなしではそれを達成できないと思います。
position: fixed要素がビューポートを基準にして配置されていることを意味します。あなたはそれを垂直に望んでいますが、水平には望んでいません。CSSでそれを実現する方法はないと思います。
position:fixedオーバーフロー スローリング コンテンツを使用することはできません。これには JavaScript を使用する必要があります。コンテンツがオーバーフローによってスクロールされていてもdivが固定されているスクロールブロック内の固定ヘッダーでjQueryを使用して同様の質問に答えました。
シンプル: http://jsbin.com/awaqug/edit#javascript,html,live
必要に応じて実装しやすくするために、私が少し編集しました。jquery コードは私のものではありません。あっという間に助かりました…