0

高さとオーバーフローが指定された 2 つのネストされたコンテナーがあります。これは、通常、内部コンテナーに jQuery UI ボタン​​が含まれている場合を除いて、期待どおりに機能します。この場合、正しく「見えます」が、内側のコンテナによって隠されているにもかかわらず、外側のコンテナはコンテンツが表示されているかのようにスクロールします。

問題のデモについては、この jsFiddle を参照してください:
http://jsfiddle.net/bnT2r/1/

誰かがこれを以前に見たことがありますか、またはこの問題の解決策を考え出すことができますか?

更新:
これは Chrome でのみ発生する問題のようです。FF と IE8 でテストされ、期待どおりに表示されます。

ティア、
-J

4

2 に答える 2

1

チェックボックスの高さを 0px に設定すると、問題が解決するようです。ちょっと奇妙に思えますが、jQuery UI によって隠されているため、今のところこれで問題ありません。

input[type=checkbox].ui-helper-hidden-accessible {
   height: 0;
}
于 2012-06-15T15:53:58.747 に答える
0

#outer div のオーバーフローと位置のプロパティを次のように変更してみてください。

position:relative;
overflow:hidden;

jsFiddle の例。

于 2012-06-15T15:47:32.147 に答える