在窗口高度内拖动bootstrap模式

时间:2014-05-07 06:25:35

标签: javascript jquery css twitter-bootstrap-3

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

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

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

任何人都可以帮忙..

1 个答案:

答案 0 :(得分:4)

参考Draggable / jQuery UI文档:Example of Draggable containment

试试这个。

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

OR

身体为<body class="container">&amp;设置containment : '.container'&amp;还设置scroll:false

$("#myModal").draggable({

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

});