jquery UIダイアログボックスを開いた後にその位置をトップに移動する方法

Question

ダイアログボックスを開いた後、ダイアログボックスをどのように上の位置に移動させるかを教えてもらえますか？

$("#addPage").on("dialogopen", function(event, ui) { 
    $("#addPage").dialog("option", "position", { my: "center", at: "top"}); 
    $("#addPage").on("dialogcreate", function(event, ui) {$(event.target).parent().css('position', 'fixed');}); 
}); 

これは正しく動作しません。

Answer 1

CSS -

.addPageDialogPosition { 
    top: 5px ! important; 
} 

javascriptの -

$(function(){ 
    $("#addPage").on("dialogopen", function(event, ui) { 
     $(event.target).parent().addClass('addPageDialogPosition'); 
     $(document).scrollTop(0); 
    }); 
    $("#addPage").on("dialogdragstart", function(event, ui) { 
     $(event.target).parent().removeClass('addPageDialogPosition'); 
    }); 
});