Question

当我注意到当窗口太小而且有一个滚动条时我可以拖出包容元素时，我一直在玩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>

Answer 1

您必须将scroll设置为false。示例代码：http://jsfiddle.net/Sgoettschkes/PyyWG/

我相信这解决了这个问题。

JQuery Drag可以使用自动滚动拖动Containment元素

1 个答案: