16

div でスクロールバーを使用していますが、IE10 でレンダリングの問題が発生しているようです。

div を一番下までスクロールしてから一番上に戻すと、一番上のコンテンツが表示されません。

IE10の解決策があるかどうか知っていますか?

リンク: http://landpros.com/propsearch.php

div の CSS は次のとおりです。

.prop-search-content-wrapper{
    margin: 0 0 30px 0;
    padding: 0;
    height: 980px;
    overflow-x:hidden;
    overflow:scroll;
}

ありがとうございました！

ここに画像の説明を入力

4

3 に答える 3

3

overflow-x: hidden私はこれを再現することができました-問題の原因を確認するために（私は思う）ディレクティブをオフにします。コンテンツが欠落している場合は戻ってきて、垂直スクロール バーが表示されます。IE10が一番上の行全体を非表示にする必要があると考える原因となっている何かが起こっています。

修正は、クラスを含む div のコンテンツの幅をcontent-wrapper親と一致するように再調整することでありoverflow-x: hidden;、そもそも必要ありません。

*注: 一貫して再現するのに苦労しました。

于 2014-02-21T16:37:52.510 に答える
3

開発者ツールを使用して IE 10 をエミュレートしている IE 11 で問題を再現できませんでした。しかし、それはおそらくoverflow-x: hidden設定が原因であるというマシューに同意します。

簡単に回避できます！

foundation.css ファイルを見てください (233 行目と 235 行目):

.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }

ルールが 2 回存在するという事実に加えて、「問題」は負の左マージンと右マージンから発生します。それらは必要ないので、削除してください。

これにより、設定の必要がなくなりoverflow-x: hiddenます。ところで:要素がその親を水平方向にオーバーフローさせたくないのに、
なぜmax-widthをnoneではなく に設定するのですか?100%

試してみて、これで問題が解決 (回避) された場合はお知らせください - ありがとうございます!

于 2014-02-24T14:23:26.807 に答える