jQUery UI对话框 - 模态创建滚动条，错误的维度？

我目前正在使用ajax将内容加载到jQuery UI模式对话框中。jQUery UI对话框 - 模态创建滚动条，错误的维度？

在Win7上，Firefox，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; }

预先感谢一切。

来源

2011-02-08 KADlancer

为您的HTML标记，在css文件style.css中有overflow-y:scroll。删除，并添加overflow:hidden;

来源

2011-02-08 19:49:25 Sotiris

和小分辨率的用户呢？ – KADlancer 2011-02-08 21:41:27

添加overflow:hidden什么也没做对我来说，即使我打开Chrome的开发者工具和手动添加，或试图使它重要：

style="overflow:hidden !important"

并摆脱那些什么烦人的滚动条，当显示一个jQuery对话框时，是添加这个CSS：

.ui-widget-overlay { width:100% !important; height:100% !important; }

简单，嘿？

这只是奇怪的是，jQueryUI不包括默认情况下...

来源

2017-07-10 12:58:36

jQUery UI对话框 - 模态创建滚动条，错误的维度？

回答

相关问题