2012-01-11 26 views
2

まず、例:ここでhttp://jsfiddle.net/Koviko/92PZZ/Google ChromeのスクロールバーとjQuery UIのドラッグ可能なプラグイン

、私はコンテナを水平にドラッグできるようにするためのjQuery UIのdraggableプラグインを使用します。私はまた、2番目の子要素にスクロールバーを含めるようにしました。問題は、異なるブラウザがこのスクロールバーの使い方を別々に扱うことです。私はIE8とChromeとFirefoxの最新の安定したビルドでそれをテストしました。

望ましい行動のための2つのテストのユースケースがあります。

  1. クリックとスクロールバーの上にマウスを保持して上下動し、
  2. クリックして保持スクロールバーのマウスを左右に移動するには。

まずユースケース(上下移動):

IE8とFirefox:いいえ問題。

Chrome:マウスボタンを離したら、マウスを動かすと、マウスカーソルでドラッグしてコンテナが移動します。コンテナを解放するには、マウスをスクロールバーの外に(コンテナの外に)移動させてドラッグする必要があります。

セカンドユースケース(水平移動):

IE8:水平ドラッグが全く動かすることは何も生じないだろう。

Firefox:水平方向にドラッグすると、コンテナが移動します。

Chrome:水平ドラッグはコンテナを移動させ、垂直スクロールと同様に、マウスボタンを離した後にドラッグを解放しません。それは同じようにクリアされます。


ので、基本的には、Chromeの動作は問題です。私はFirefoxまたはIE8での動作を受け入れるだろう。 Chromeからこの動作を強制する方法はありますか?

答えて

関連する問題