gpt4 book ai didi

javascript - JQuery Drag 可以通过自动滚动拖过 Containment 元素

转载 作者:行者123 更新时间:2023-11-28 10:12:17 26 4
gpt4 key购买 nike

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

最佳答案

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

我相信这可以解决问题。

关于javascript - JQuery Drag 可以通过自动滚动拖过 Containment 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7276247/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com