javascript - jQuery 对话框，当前屏幕上的静态位置

Question

我有一个搜索和替换对话框。目前我使用如下方法来重新调整窗口的位置。我需要将窗口保持在屏幕上静态(无论用户将窗口拖动到哪里)，而不移动它，或将其重置回屏幕中间，这就是 jQuery("#dialog-form").dialog("option","position","center");目前确实如此。

下面是来自 documentation of jQuery dialog 的示例。我想知道应该如何修改 setter 值以根据当前视口(viewport)设置重新定位窗口。因此，当它在页面上自动滚动时，它将始终保持在当前视口(viewport)上的 X 和 Y 位置。

//getter
var position = $( ".selector" ).dialog( "option", "position" );
//setter
$( ".selector" ).dialog( "option", "position", 'top' );

Answer 1

你可以试试这个:

$(window).resize(function() {$(".selector").dialog("option", "position", ['center','top']);});

$(window).scroll(function() {$(".selector").dialog("option", "position", ['center','top']);});