jQUery UI对话框-模式创建滚动条，尺寸错误？
jQUery UI对话框-模式创建滚动条，尺寸错误？
提问于 2011-02-09 03:31:32
我目前正在开发一个使用ajax将内容加载到jQuery UI模式对话框中的站点。
在Win7火狐、Chrome、Safari和Opera上运行良好。
在Internet Explorer 7-9pp和mac firefox、chrome、safari和opera上，模式背景层的大小似乎计算错误，并创建垂直和水平滚动，直到您调整浏览器的大小。
我在这里上传了当前的演示版本：-(删除以释放服务器上的一些网站空间，有关问题/解决方案的详细信息，请参阅评论/答案)
基本布局如下所示
<body>
<div id="wrapper">header, navigation, footer and stuff</div>
<div class="ui-dialog"></div>
<div class="ui-widget-overlay"></div>
</body>具有以下样式
html { height: 100%; overflow-y: scroll; }
body { display: block; height: 100%; margin: 0; padding: 0; }
.ui-widget-overlay { position: absolute; bottom: 0; left: 0; }提前感谢你所做的一切。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-02-09 03:49:25
对于您的HTML标签，在css文件style.css中有overflow-y:scroll。删除它并添加overflow:hidden;
Stack Overflow用户
发布于 2017-07-10 20:58:36
添加overflow:hidden对我没有任何帮助，即使我打开Chrome的开发工具并手动添加它，或者试图让它变得重要：
style="overflow:hidden !important"当显示一个jQuery对话框时，去掉了那些恼人的滚动条，就是添加了这个CSS：
.ui-widget-overlay
{
width:100% !important;
height:100% !important;
}很简单，是吧？
奇怪的是，jQueryUI在默认情况下没有包括这个……
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4937415
复制相关文章
相似问题
腾讯云开发者
