0

jquery UI を使用してこの効果を作成する方法はありますか?

前もって感謝します。

4

3 に答える 3

2

はい、firebug を使用して要素を調べると、overflow: hidden プロパティを持つ別の div 内にドラッグ可能な div があることがわかります。

<div style="width: 300px; height: 300px; overflow: hidden;">
    <div id="draggable" style="width: 800px; height: 800px;"></div>
</div>

$("#draggable").draggable();

これがコンセプトです。

于 2012-10-07T13:19:00.567 に答える
1

containmentjQuery UI Draggableのオプションを使用できます。

以下に例を示します: http://jsfiddle.net/AZwbP/

于 2012-10-07T14:20:31.530 に答える
0

jQuery ドラッグ可能では実装できません。なぜなら、ここではドラッグ可能なアイテムをドラッグして、その上端/左端がそのコンテナよりも大きくならないようにするためです。4点すべて同じです。

jQuery draggable を使用すると、要素のドラッグを特定の座標を超えて制限することはできません。

mousedown および mousemove イベントを使用するカスタム jQuery プラグインを作成することをお勧めします。

于 2012-10-07T13:27:31.053 に答える