0

サイズを変更するために、上下に線が入っています（上下のスペースを増やします）。

基本的に分割画面レイアウト。しかし、下の部分を正しく表示するのに問題があります。何をしても常にページを超えてしまいます。下の部分のボックスがページの上部とまったく同じように機能するようにしたいのです。

次のデモは、基本的に私がやっていることと私の問題を示しています。

http://jsfiddle.net/mstefanko/e38bE/67/

ハードコーディングされた高さはありませんが (現在、すべてが % によって設定されています)、私の問題を示すためにそれらをフィドルに追加しました。

現在、上部と下部のサイズを変更する仕切りは上部のサイズを変更しています。jQuery UI Resizable alsoResize reverseから、下部のサイズを逆に変更するコードがいくつかあります。追加のコードが必要かどうかはわかりませんが、これを整理できなかったときは、試してみる価値があると考えました。

また、jquery ui ハンドルを正しく取得するために、上部に大きな下マージンがあります。これが問題を引き起こしている可能性がありますが、それで遊んでも問題は解決しないようです。

どんな助けでも大歓迎です、ありがとう！

4

1 に答える 1

1

あなたの問題は、固定サイズのいくつかの div を 1 つの大きな固定サイズ div に縮小しようとしているが、他の div が収まらないことです。サイズ変更ハンドルを移動してテキストが収まるようにすると、テキストのサイズが変更されることは期待できません。また、div はどこかに移動する必要があるため、オーバーフローします。以下にいくつかの提案を示します。

  • コンテナに cssoverflow値をauto指定します (サイズを変更して大きすぎて収まらない場合は、自動的にスクロールバーが表示されます)。
  • オーバーフロー値を設定し、リサイザーを完全に取り除きます
  • コンテナーにorの cssheight値を指定します(サイズが問題でない場合)autoscroll
于 2012-04-16T13:00:23.360 に答える