簡體   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