YUI:如何创建一个固定中心对话框,其中包含所有可用的垂直空间

时间:2011-09-21 02:18:32

标签: css dialog yui

使用YUI,我正在创建一个fixedcenter对话框,给它一定的宽度:

var myDialog = new YAHOO.widget.Dialog("my-dialog", { 
    width : "300px", fixedcenter: true });

对话框的内容是动态的,可能足够大,以至于对话框的高度变得大于视口的高度。例如,请参阅this example(查看/更改源代码点击右上角的“+”)。在加载此示例之前,请缩小浏览器窗口,并且您将看到无法访问对话框中的其余内容。

Truncated dialog

我不希望用户在主页面中向下滚动以查看其余内容,而是希望对话框的主体扩展到视口的高度,当这还不够时,我会喜欢在体内有一个滚动条。这相当于.bd { min-height: viewport-height; overflow: scroll },其中viewport-height是视口的高度,可能减去标题栏所需的内容。

设置此min-height可以在JavaScript中完成,在显示对话框时以及调整窗口大小时运行代码,但是有更好的方法吗?

1 个答案:

答案 0 :(得分:0)

  

...但是有更好的方法吗?

不 - 不是用CSS。