jQuery UI 使用固定位置时对话框会离开屏幕

Question

我正在使用 jQuery UI 来显示对话框，我希望它始终保持在同一位置，而不管滚动状态如何。所以我刚刚添加了 css 代码

.ui-dialog {
    position: fixed;
}

现在，如果将对话框拖到底部，就可以将其移出屏幕，使其完全消失。任何人都知道如何防止这种情况？ 请参阅此 fiddle 进行演示：https://jsfiddle.net/d0pgfwk7/

Answer 1

据我所知，您是说 jquery 对话框是可拖动的。 如果是这种情况，修复起来非常简单 只需使用

 draggable: false

查看 fiddle 此处 https://jsfiddle.net/d0pgfwk7/

编辑：请查看 fiddle 此处

http://jsfiddle.net/tj_vantoll/LZ9SR/

有关详细信息，请参阅此 link https://bugs.jqueryui.com/ticket/8741

Answer 2

我终于解决了我的问题。解决方案不是使用对话框的可拖动设置，而是使用小部件本身。所以我的代码现在看起来像这样：

$("#dialog").dialog(
    {
      draggable: false,
      dialogClass: 'my-dialog'
    }
});
$('.my-dialog').draggable({
    containment: 'window'
});