Chrome v.26.0.1410.64
jQuery v.1.7.1
jQueryUI v。最新
使用asp.net webforms构建Web应用程序
这是打开模态弹出窗口的函数的一部分。
var $dialog = $('<div id="dialogIframe" title="Some title"></div>')
.html('<iframe id="jqueryIframe" style="border: 0px;" src="' + page + '"
width="99%" height="99%"></iframe>')
.dialog({
autoOpen: false,
modal: true,
height: height,
width: width,
resizable: false,
draggable: true,
buttons: dialog_buttons,
close: function (event, ui) {
$('#dialogIframe').remove();
}
});
$dialog.dialog('open');
编辑: - 当切换到jQuery版本时:1.9.1它可以按照预期在Google Chrome中运行,但现在IE9和FF中出现了同样的问题(使用较旧的jQ版本正常工作)
编辑2: - 我觉得这个问题可能与webforms中的MaintainScrollPositionOnPostback页面属性有关,我无法以任何传统方式禁用或设置为false:在aspx页面上,同一页面的代码隐藏,母版页,web.config,这太棒了
答案 0 :(得分:0)
在chrome中遇到了同样的问题,并用
解决了这个问题 open:function(){
$('body').addClass('stop-scrolling')
},
beforeClose: function( event, ui ) {
$('body').removeClass('stop-scrolling')
},
这对我有用,因为我的对话框非常小,但如果对话中的内容多于屏幕上的空间,则可能会遇到麻烦
css类看起来像
.stop-scrolling {
height: 100%;
overflow: hidden;
}
并阻止身体滚动