[英]JQuery Drag can drag past the Containment element with auto-scroll
當我發現窗口太小且有滾動條時,我可以將其拖出包含元素時,我一直在使用JQuery的拖放操作。 基本上,使用下面的代碼,您可以做的是縮小窗口,直到擁有垂直滾動條為止。 然后向下拖動內部div,直到它超過外部div。
任何人都知道解決方法或在其他地方遇到此問題(也許我做錯了)? 目前,我只是禁用滾動選項,但我希望它能夠滾動。
<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>
您必須將滾動設置為false。 示例代碼: http : //jsfiddle.net/Sgoettschkes/PyyWG/
我相信這可以解決問題。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.