1

これが私が達成したいことです。私のページの上部には画像の列があります。画像の行はページよりも幅が広いため、下にスクロールバーが必要です。コンテナdivから下のdivに画像をドラッグできるようにしたいと思います。

私が抱えている問題は、最初の画像がスクロールバーのあるdivに入るとすぐに、そのdivからドラッグできなくなることです。画像を下にドラッグしようとすると、divに垂直スクロールバーが表示されます。

これを回避するにはどうすればよいですか？

私の現在の設定は非常に基本的です：

<div id="library">
  <div id="assets">
     <div class="assetitem"><img src="..." /></div>
     <div class="assetitem"><img src="..." /></div>
     <div class="assetitem"><img src="..." /></div>
     <div class="assetitem"><img src="..." /></div>
     <div class="assetitem"><img src="..." /></div>
  </div>
</div>

そして、cssは、overflow-x：scrollを使用して、ライブラリdivに幅を設定します。アセットdivの幅は10000pxで、すべての画像を収めることができます。

ドラッグ可能は各アセットアイテムに適用されます。

アセットアイテムをライブラリdivからドラッグしようとすると、高さが拡大してスクロールします。

4

1 に答える 1

1

You may be stuck using a helper, because as you have seen dragging with overflow:scroll causes the div to scroll:

$(".assetitem").draggable({helper:"clone"});​

Note: I tried playing with the appendTo option, but I never got it working with the overflow set.

于 2012-09-11T18:11:58.317 に答える