2011-09-01 72 views
1

我一直在玩JQuery的拖放,當我注意到當窗口太小並且有滾動條時我可以拖出包含元素。基本上用下面的代碼,你可以做的是讓你的窗口變小,直到你有垂直滾動條;然後向下拖動內部div直到它越過外部div。JQuery拖動可以通過自動滾動拖動通過Containment元素

任何人都知道解決方法或在其他地方遇到過這個問題(也許我做錯了)?目前我只是禁用滾動選項,但我寧願它能夠滾動。

<html> 
<head> 
    <script src="jquery-1.5.1.min.js" type="text/javascript"></script> 
    <script src="jquery-ui-1.8.11.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $(".draggable").draggable(); 
      $(".draggable").draggable("option", "containment", ".parentdraggable"); 
     }); 
    </script> 
</head> 
<body> 
    <div class="parentdraggable" style="border:1px solid black;min-width:400px;min-height:400px;"> 
     <div class="draggable" style="border:1px solid black">Hi</div> 
    </div> 
</body> 
</html> 
+0

我創建了一個jsfiddle,可以看到這個行爲:http://jsfiddle.net/Sgoettschkes/PyyWG/我會玩一下。 – Sgoettschkes

回答