Javascript JQuery拖动可以通过自动滚动拖动通过包含元素_Javascript_Jquery_Scroll_Draggable

Javascript JQuery拖动可以通过自动滚动拖动通过包含元素

javascript jquery scroll

Javascript JQuery拖动可以通过自动滚动拖动通过包含元素,javascript,jquery,scroll,draggable,Javascript,Jquery,Scroll,Draggable,我一直在玩弄JQuery的拖放功能，当我注意到当窗口太小且有滚动条时，我可以将其拖出包含元素。基本上，使用下面的代码，你可以做的是缩小你的窗口，直到你有垂直的滚动条；然后向下拖动内部div，直到它超过外部div 有人知道解决方法或者在其他地方遇到过这个问题（也许我做错了）？目前我只是禁用滚动选项，但我希望它能够滚动 <html> <head> <script src="jquery-1.5.1.min.js" type="text/javascript"&g

我一直在玩弄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>


$（文档）.ready（函数（）{
$（“.draggable”）.draggable（）；
$（“.draggable”）.draggable（“选项”、“包含”和“.parentdraggable”）；
});
你好

您必须设置为false。示例代码：

我相信这就解决了问题。

我创建了一个JSFIDLE，人们可以在其中看到行为：我将玩一玩。我知道将scroll设置为false是一个解决方法，但是，正如我所说，我更希望能够滚动