JQuery Drag 可以通过自动滚动拖过 Containment 元素答案

【问题标题】：JQuery Drag can drag past the Containment element with auto-scrollJQuery Drag 可以通过自动滚动拖过 Containment 元素
【发布时间】：2011-09-01 20:40:31
【问题描述】：

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

【问题讨论】：

我创建了一个可以看到行为的 jsfiddle：jsfiddle.net/Sgoettschkes/PyyWG 我会玩一下。

标签： javascript jquery scroll draggable

【解决方案1】：

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

我相信这可以解决问题。

【讨论】：

我知道将滚动设置为 false 是一种解决方法，但是，就像我说的，我希望能够滚动