2012-09-11 24 views
1

這是我想達到的:我該如何讓jQuery可拖動的項目通過滾動條被拖出div?

在我的頁面頂部是一排圖像。圖像的行比頁面寬,所以下面應該有一個滾動條。

我希望能夠將圖像從容器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設置的庫格的寬度,具有溢出-X:滾動。資產div的寬度爲10000px,以允許所有圖像適合。

可拖動的應用於每個assetitem。

當我嘗試從資料庫div中拖出一個assetitem時,它只是在高度和卷軸上展開。幫幫我!

+1

您是否嘗試在資產項目上將[滾動選項](http://jqueryui.com/demos/draggable/#option-scroll)設置爲false? – taiansu

+0

對不起,我應該這麼說。是的,我已回覆:true,scroll:false – Sharon

回答

1

您可以使用一個幫手被卡住,因爲你已經看到了overflow:scroll拖動使DIV滾動:

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

注:我試圖與appendTo選擇玩,但我從來沒有得到它的工作溢出設置。

+0

工作,謝謝! – Sharon

相關問題