【问题标题】:ASP.NET - Issue with Model Popup while scrollingASP.NET - 滚动时出现模态弹出窗口的问题
【发布时间】:2012-10-22 10:29:31
【问题描述】:
我有一个模型弹出窗口,它工作正常。
我的页面中有滚动条而不是(弹出)背景页面。
当弹出窗口可见时,背景被禁用(默认功能)。
在我的情况下,在滚动背景页面时,它会被禁用直到某个区域。
我可以说它可以正常工作,我不滚动。如果我滚动它,我可以看到背景没有被禁用。
我无法分享我的应用程序屏幕截图,但我发现了类似的东西。
请参考下图。
http://www.stackprinter.com/topvoted
这是第一个链接的输出。所以弹出窗口变大了,乍一看,我们可以看到背景被禁用了
向下滚动时,背景消失,感觉就像一个正常的。
我怎样才能防止这种情况?
我只能使用 jQuery。我正在使用 VS2012、ASP.NET 3.5 和 C#
谢谢
【问题讨论】:
标签:
jquery
asp.net
css
jquery-ui
【解决方案1】:
即使在滚动时,也可以这样做以保持对模态的关注:
$('#dialogDiv').dialog({
height: 600,
width: 800,
modal: true,
resizable: false,
draggable: false,
hide: 'Fade',
closeOnEscape: false,
buttons:
{
'Ok': function () {
$(this).dialog('close');
}
}
});
$(window).scroll(function () {
$('#dialogDiv').dialog("option", "position", "center");
});