まず、例:ここでhttp://jsfiddle.net/Koviko/92PZZ/Google ChromeのスクロールバーとjQuery UIのドラッグ可能なプラグイン
、私はコンテナを水平にドラッグできるようにするためのjQuery UIのdraggable
プラグインを使用します。私はまた、2番目の子要素にスクロールバーを含めるようにしました。問題は、異なるブラウザがこのスクロールバーの使い方を別々に扱うことです。私はIE8とChromeとFirefoxの最新の安定したビルドでそれをテストしました。
望ましい行動のための2つのテストのユースケースがあります。
- クリックとスクロールバーの上にマウスを保持して上下動し、
- クリックして保持スクロールバーのマウスを左右に移動するには。
まずユースケース(上下移動):
IE8とFirefox:いいえ問題。
Chrome:マウスボタンを離したら、マウスを動かすと、マウスカーソルでドラッグしてコンテナが移動します。コンテナを解放するには、マウスをスクロールバーの外に(コンテナの外に)移動させてドラッグする必要があります。
セカンドユースケース(水平移動):
IE8:水平ドラッグが全く動かすることは何も生じないだろう。
Firefox:水平方向にドラッグすると、コンテナが移動します。
Chrome:水平ドラッグはコンテナを移動させ、垂直スクロールと同様に、マウスボタンを離した後にドラッグを解放しません。それは同じようにクリアされます。
ので、基本的には、Chromeの動作は問題です。私はFirefoxまたはIE8での動作を受け入れるだろう。 Chromeからこの動作を強制する方法はありますか?