1
これを見てください：

http://jsfiddle.net/JamesKyle/3FaVN/

  1. 結果を垂直方向にサイズ変更してみてください。その後、2 つの列が正しくスクロールします。

  2. 次に水平方向のサイズを変更してから、垂直方向のサイズ変更をもう一度試してください。列がビューポートの高さと等しくなくなり、正しくスクロールされないことに注意してください。

ここで何が起こっているのかわかりません。

私のjavascriptは十分に簡単に思えます：

function setHeight() {
     $('.panel').height( $(window).height() );
}

$(window).load(setHeight).resize(setHeight);

誰がこれを引き起こしているのか知っていますか? それを修正する方法はありますか？

4

5 に答える 5

1

divheight: 100%;の代わりに使用height: inherit;する.scroll

于 2012-10-03T20:36:36.603 に答える
0

display: table(-cell) とサイズ変更に関する webkit のバグがあります。 https://bugs.webkit.org/show_bug.cgi?id=53166を参照してください。

今のところ、私は display: table から遠く離れています。

編集：もう少し読んだ後、これがあなたの状況に当てはまるかどうかわかりません。私には、かなりテストした後、ある種の webkit のバグのように感じます (たとえば、壊れていて、いくつかの要素検査の後、物事は再び機能するように見えます...)

于 2012-10-03T20:48:45.017 に答える
0

あなたのイベントはサイズ変更によって発生しました。console.log を置くだけです。理由はわかりませんが、この作品http://jsfiddle.net/3FaVN/24/

于 2012-10-03T20:38:43.060 に答える
0

「div.panel」の高さが正しいため、jQueryのサイズ変更は正常に機能しています。高さが適切でない「div.panel」の内部 div です。子の高さを設定すると問題が解決します 修正されたjsfiddle

于 2012-10-03T20:36:39.697 に答える
0

jQuery は正常に動作します。.panelの高さが正しく設定されています。ただし、その子はまったく設定されていません。

于 2012-10-03T20:37:12.113 に答える