2011-09-01 158 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

回答