gpt4 book ai didi

javascript - 在窗口高度内拖动 bootstrap modal

转载 作者:行者123 更新时间:2023-11-30 10:16:19 24 4
gpt4 key购买 nike

我有一个模态框需要拖动。我尝试了以下代码

$("#myModal").draggable({
handle: ".modal-header"
});

我可以拖动模态,但如果我将模态拖动到窗口高度以下,它会给出一个滚动条,我不想要滚动行为。

有谁能帮忙吗..

最佳答案

请参阅 Draggable/jQuery UI 文档:Example of Draggable containment

试试这个。

将类容器应用到父 div 作为 <div class="container">

正文为<body class="container"> & 设置 containment : '.container' & 还设置了 scroll:false .

$("#myModal").draggable({

handle: ".modal-header",
scroll : false,
containment: '.container'

});

关于javascript - 在窗口高度内拖动 bootstrap modal,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23510273/

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