2011-08-05 16 views
0

私は、Eclipseパネルのように、下部にコンソールパネルを持つWebベースのエディタを構築しています。私は過去2日間、resize functionalityを実装しようと試みてきた(失敗した) - ユーザはエディタとコンソールの間でスプリッタをつかんで高さを変更できる。Webベースのコードエディタ - (スムース)垂直divのサイズ変更の問題

しかし、サイズ変更操作をスムーズにすることができませんでした。ユーザがゆっくりとの場合は、スプリッタをドラッグするだけで動作します(高速化すると、すべての場合と同じように)が失敗します。 :(

は、ここに私のコードのごく一部です:http://pastie.org/2324838(ブラウザでファイルや打ち上げで保存)

私は4+

答えて

1

IE 7+、FF 3.6以降、ChromeとSafariのを標的にしています。私はあなたのマウスイベントを変更して、マウスがスプリッタの外側にあるときにドラッグを止めないようにします。マウスボタンを離したときにのみ、スプリッタはすぐにマウスを動かすことができます。キャッチアップ。

+0

マウスオーバーイベントが発生しなくても試したことがありますか?それからスプリッターが追いつく。マウスでクリックするとオンにするだけで、マウスではオフにするだけです。 –

+0

これはちょっと役立ちます。私は 'onmouseout'イベントを削除しました。現在はリサイズがかなりスムーズです。おかげさまで! :)しかし、それはまだ日食やSOの質問エディタとして滑らかではありません。助言がありますか? – KhongCoGi

+0

ええと、私は現時点で私がIE6を使って仕事をしている(質問しない)ときに、ブラウザが実際に動きをリフレッシュする速さに関係する可能性があるため、現時点でこれをテストする環境はありません。この場合、これは修正できるものではありません。より良いアイデアを得るために、さまざまなブラウザでどのように動作するかをテストします。 –

関連する問題