2013-02-11 24 views
5

jQuery UIのドラッグ可能な機能を使用しているときに、スクロールを強制するページを上下にドラッグする必要があることに気付きました。ドラッグされている要素は、マウスカーソルの2倍の速さでジャンプしているようです。これは非常に不規則な挙動を引き起こし、使用することをほとんど不可能にします。jQuery UIのドラッグ可能なページのスクロール

私が意味するものの例がここにあります。

http://tinyurl.com/ae6g5qe

私もjQueryのUIのサイト上のサンプルコードでこの動作を取得します。

http://jqueryui.com/draggable/#scroll

私は要素(だから、二倍)の動きを高めるために、マウスの動きと画面スクロールの両方を使用していることを推測しています。私はjQuery UIのコードを掘り下げ、何かを見つけることができるかどうかを見極めるつもりですが、他の誰かがこれを経験しているのか、それとも私だけなのか不思議です。また、誰かが持っている場合 - あなたは何とかそれを周りに取得している?

答えて

6

jQuery UI 1.8以降では、これはopen bugのようです。 jQuery UIのバージョン1.7を使用すると、その動作が顕著に改善されていることがわかります。 jQueryのUIのドラッグ可能なデモに基づいて

例:

HTML

<div id="draggable" class="ui-widget-content"> 
    <p>Scroll set to true, default settings</p> 
</div> 
<div style="height: 5000px; width: 1px;"></div> 

JS

$(function() { 
    $("#draggable").draggable({ 
     scroll: true 
    }); 
}); 

jsfiddle(jQueryの1.7.2とjQuery UI 1.7.3を使用して)

+0

ありがとう、それは1.7ではるかに良く動作します。私は今私のページを変換し始めるでしょう。 –

+0

私はそれをドラッグすることはできません、私のアンドロイドブラウザでは、ちょうどメインウィンドウをスクロール...: – Miguel

関連する問題