Position:ie7/8 の要素とその中のコンテンツのスクロールに関する問題を修正しました

StackOverflow https://stackoverflow.com/questions/2737308

質問

特定のサイズ (500x500 としましょう) を持つ要素を画面の中央に固定しました。要素には要素の高さよりも大きいコンテンツが含まれているため、スクロール バーが表示されますが、これは問題ありません。FF/WebKit ではすべてがうまく機能します。ただし、IE 7/8では...固定要素のコンテンツがスクロールしないか、大幅な遅延が発生してスクロールします。Position:fixed を Position:absolute に変更すると、正常にスクロールし始めますが、position:fixed では...ただ痛いだけです！

既知の問題ですか?そのようなことを聞​​いた/遭遇した人はいますか?このような場合に対処する方法はありますか?...

役に立ちましたか？

解決 2

これには追加の問題があることが判明しました。position:fixed とその中にスクロールするコンテンツを含む要素の下にあるシャドウ フィルターです。これに対する解決策は、IE のシャドウ フィルターを無効にするか、position:fixed を無効にする以外に見つかりませんでした。

:(

他のヒント

この件に関して私が見つけた有益な点はこれだけでした。 Positionの作成方法：IE5.5以降で修正.

Position:fixed は IE7 で実装されました。おそらくまだ問題が残っているかもしれませんが、マークアップまたは CSS にそのような動作を引き起こす何かが他にある可能性があります。

あなたの問題を解決するのに役立つコードがあれば幸いです。

.fixDocument
{
    position: absolute;
    top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
}

このページを確認してください: http://www.gunlaug.no/contents/wd_additions_15.html

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top