jQuery的拖放無法正常工作，由於溢出的CSS

Question

的財產我下載了jQuery插件從Jquery Drag and Drop

的代碼工作正常。但在我的設計，我對拖動項目的特定區域，所以我使用以下css設置區域： -

.overflow_test { 
      width:500px; 
      float:left; 
      overflow:auto; 
      height:200px; 
} 

現在項目可在固定區域內滾動。但是，當我從項目部的工作不拖動一個項目正常手段功能的作品，但該項目犯規露面..

這裏是我的演示demo

Answer 1

這是因爲使用拖放時，可拖動項目停留在相同的DOM位置（即在同一個div內），只改變它的位置。即使您刪除溢出：自動設置，技術上拖動的項目將保留在原始DIV內。

你可以做的一些事情： 如果你不需要水平滾動條，那麼你只能通過設置overflow-y auto和overflow-x來調整或隱藏垂直滾動條。你需要。

如果您需要兩個滾動條，您可以考慮在相應的可拖動項目在成功拖放後追加拖放項目，將其從原始DIV中移除。