2011-09-06 49 views
0

當我打開一個大對話框(比所有頁面都長)時,webrowser會進入該對話框的底部,但我想看到一個對話開始;-) 選項位置[0,0]和'top'不起作用。jQuery UI對話框 - 打開後總是打開頁面的底部

$('#view').dialog({ 
    autoOpen : false, 
    position: [0,0], 
    width : 'auto' 
}); 

這是我的問題的打印屏幕:http://i.imgur.com/mvhr3.png

版:

我做到了;-) jQuery UI的對話與BIG對話!重新審視我在瀏覽器中的位置並在該位置打開對話框(正如你可以在我的屏幕截圖中看到的那樣)。但在此之前loadidng內容和開放的對話,我把:

$('html, body').animate({scrollTop:0}, 'slow'); 

後Scrolling的在頁面的頂部對話框打開。

+1

這聽起來像是一個可用性問題;如果打開比頁面內容大的對話框,這似乎是一個更大的問題。 – Tejs

+0

我想了解我的問題的打印屏幕。在這種情況下,我的對話框不會比頁面大。 – bumfank

+0

這聽起來像是你直接在網頁的實際元素上調用對話框。您應該克隆該控件,以便它不是正常頁面主體的一部分。 AKA'$('#view')。clone(true).dialog({})' – Tejs

回答

0

你真的希望對話框大於窗口的高度嗎?如果你設置了maxHeight,你應該得到一個可滾動的內容區域,但是完整的對話框將在屏幕上可見。例如,

$('#view').dialog({ 
    autoOpen : false, 
    width : 'auto', 
    maxHeight: $(window).height() - 100 
});