Javascript 如何禁用/解决在弹出/添加div时自动滚动到页面末尾的问题

我已经为创建弹出窗口编写了以下代码：

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
});

函数showPopup（标题字符串、内容HTML、宽度int、高度int）{
var popupID='对话框模式'；
if（$（“#”+popupID）.length==0）{
jQuery（document.body）.append（“”）；
}
var popup=$（“#”+popupID）；
html（“”+contentHtml+“”）；
弹出对话框({
宽度：widthInt，
高度:heightInt,，
标题：标题，
莫代尔：对
});

}

这个代码在点击按钮时被调用

问题是——当我第一次点击按钮时，页面滚动到最后，弹出窗口显示在那里。这不会发生，第二次等等。（我的意思是，在2，3…时，弹出显示在当前页面位置的中间）

这似乎是针对chrome的，因为它不会发生在FF或IE中

那么，问题是——为什么会发生这种情况？如何摆脱它

（我第三天才在JS/html上写：）可能是我错过了smth）

方法调用由按钮完成，由JSF生成：

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

---

我注意到当jquery ui样式表未包含时，也会出现同样的行为。您的页面上有ui样式表吗

如果没有，请尝试添加：

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

---

我是否正确理解您正在将id为popupID的div添加到id为popupID的div中？这似乎有点奇怪。记住：一个页面上只能有一个给定ID的实例。至于跳跃：你有没有可能在你点击的按钮的href中有一个锚？（假设您使用的是链接）。我认为您需要添加更多的代码，以便我们可以帮助您。（可能还有小提琴；）