jQuery UI 模态对话框和 JSFiddle - 如何删除滚动条？答案

【问题标题】：jQuery UI modal dialog and JSFiddle - how to remove scrollbars?jQuery UI 模态对话框和 JSFiddle - 如何删除滚动条？
【发布时间】：2013-03-06 22:02:26
【问题描述】：

我创建了一个使用 jQuery UI 对话框的简单示例

http://jsfiddle.net/RTADa/

<div id="message">
    This is a test
</div>

$(function(){

    $("#message").dialog({modal: true, resizable: false});

});

在 IE9、IE10 和 Chrome 中，我得到了垂直和水平滚动条。这是 jQuery UI 中的错误还是我必须添加一些额外的 CSS 才能删除它们？

谢谢！

【问题讨论】：

我尝试在 Chrome 25.0.1、FF 17.0.1 和 IE9 上查看您的小提琴。没有滚动条。
滚动条在哪里？在对话框 r 主窗口中？
这是截图i50.tinypic.com/154czdi.jpg，使用Chrome 25.0.1364.152 m
这是我在 IE9 中看到页面的方式：browserling.com/…

标签： javascript jquery internet-explorer-9 internet-explorer-10 jsfiddle

【解决方案1】：

设置body溢出隐藏

DEMO

body{
   overflow:hidden;
}

【讨论】：

这行得通，谢谢！知道为什么 jQuery UI 不会自动执行此操作吗？
不，不知道为什么，可能是个小bug