これは、このスレッドからの後続の質問です: CSS Semi-fixed Element?
kelso のソリューションを実装しましたが、Firefox と Chrome で完全に動作します。ただし、IE 8 はうまくいきません。
コードをロールアウトして、ライブ Web サイトで発生している問題を確認できるようにしました: グラン ビア ホテル
IE はスクロール イベントをリッスンしていますが、ユーザーがページを下にスクロールしても div を移動していません。次の行は IE で何もしていないようです。
d.css({ position: "fixed", top: "0px" });
最初の行も IE では -2 と評価されますが、Firefox では 377 です。
var scrollerTopMargin = $("#scroll-container").offset().top;
私は CSS の専門家ではなく、これについて頭を悩ませてきました。簡単な解決策があるはずです!助けてください!
ありがとうベン