在窗口高度内拖动引导模态

Drag bootstrap modal within the window height

本文关键字：模态 拖动 窗口 高度      更新时间：2023-09-26

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

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

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

有谁能帮帮我吗

参考可拖拽/jQuery UI文档:可拖拽容器示例

试试这个。

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

或

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

$("#myModal").draggable({
handle: ".modal-header",
scroll : false,
containment: '.container'
});
相关文章：