繁体   English   中英

jQuery Drag可以通过自动滚动拖动超过Containment元素

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM