如何在添加彈出窗口/ div時禁用/解決自動滾動到頁面末尾的問題

Question

我已經為彈出窗口創建編寫了以下代碼：

function showPopup(titleString, contentHtml, widthInt, heightInt) {
var popupID = 'dialog-modal';
if ($("#"  + popupID).length == 0) {
    jQuery(document.body).append('<div id="' + popupID + '"/>');
}
var popup = $("#"  + popupID);

popup.html('<div id="' + popupID + '" style="width:100%; height:100%;">' + contentHtml + '</div>');
popup.dialog({
    width : widthInt,
    height : heightInt,
    title : titleString,
    modal : true
});

}

並在單擊按鈕時調用此代碼...

問題是-當我單擊按鈕時，第一次將頁面滾動到末尾，並在其中顯示彈出窗口。 不會發生，第二次等。 （我的意思是，在2,3 ...次中，彈出窗口顯示在當前頁面位置的中間）

似乎這是特定於Chrome的，因為它不在FF或IE中發生。

那么，風團是-為什么會發生呢？ 以及如何擺脫它？

（我只在第三天在JS / html上寫:)可能是我錯過了smth）

通過JSF生成的按鈕完成對方法的調用：

<input type="button" name="form:j_idt85" value="Show list" class="show-list" onclick="showListInPopup()">

Answer 1

當不包含jQuery UI樣式表時，我注意到了相同的行為。 您的頁面上是否有ui樣式表？

如果沒有，請嘗試添加：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />