Моя страница состоит из большого количества данных, которые я должен прокрутить вниз до щелчка кнопки, которые будут запускать диалоговое окно jquery modal. На кнопке щелкните, что я установил позицию windowscroll в начало страницы и скрыл панель прокрутки окна. Но я не могу позиционировать модальный диалог в центральном положении окна, но располагаюсь в центре документа.
Я дал код, как показано ниже:
$(settings.dialogDivId).dialog({
open: function () {
window.scrollTo(0, 0);
$('body').css({ 'overflow': 'hidden', 'height': '100%' });
},
width: 400,
modal: true,
position: ['center', 'center'],
buttons: {
Ok: function () {
$(this).dialog("close");
$('body').css({ 'overflow': 'inherit', 'height': 'auto' });
postbackCtrl.attr("data-validation-override", true);
window.scrollTo(0, 0);
postbackCtrl.click();
},
Cancel: function () {
postbackCtrl.attr("data-validation-override", false);
$(this).dialog("close");
window.scrollTo(0, 0);
$('body').css({ 'overflow': 'inherit', 'height': 'auto' });
}
}
});
Поместите свое модальное диалоговое окно с position: relative
если вы хотите, чтобы он был центрирован по отношению к его родительскому объекту или был fixed
для него по отношению к окну.
После игры с left
и margin-left
:
Если ваша модальная width: 200px
, вы должны поместить свой модальный left: 50%
и поместите margin-left:-100px
. Теперь ваш модальный диалог центрирован по горизонтали.