dialogがあり、これはajax呼び出しによって満たされます。 dialogのmax-heightを制限し、scroll-ableの場合はmax-heightを超えています。以下のコードは、まさに私が望むことをします。
問題は、ダイアログのtopをtop positionから移動できないことです。左右に動かすことができます。 ダイアログが大きなスクロール可能なウィンドウに表示されるため、centerも使用できません。 firebugを使用すると、topプロパティを調整できますが、ゼロに設定されている場所を見つけることができません。
$("#your-dialog-id").dialog({
open: function(event, ui) {
$(this).css({'max-height': 500, 'overflow-y': 'auto'});
},
autoOpen:false,
modal: true,
resizable: false,
draggable: false,
width: '690',
closeOnEscape: true,
position: 'top'
});
ダイアログのy位置を調整して、ウィンドウの上部から20ピクセルになるようにします。私にできることはありますか?
最も簡単な方法は次のとおりです。
$("#dialog").dialog({ position: { my: "center", at: "top" } });
jquery UI 1.11.4を使用する
var Y = window.pageYOffset;
$( "#dialogJQ" ).dialog({
modal: true,
closeOnEscape: false,
width:'auto',
dialogClass: 'surveyDialog',
open: function(event, ui) {
$(this).parent().css({'top': Y+20});
},
});