使用SimpleModal(jQuery插件)显示弹出式iFrame,没有不必要的滚动条

Question

我正在使用SimpleModal:

http://www.ericmmartin.com/projects/simplemodal/

并根据示例显示iframe:

// Display an external page using an iframe
var src = "http://365.ericmmartin.com/";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
    closeHTML:"",
    containerCss:{
        backgroundColor:"#fff",
        borderColor:"#fff",
        height:450,
        padding:0,
        width:830
    },
    overlayClose:true
});

并弹出有2套滚动条,一个也许代表弹出的HTML元素,以及一个用于内嵌框架.试试这个演示:http://www.ericmmartin.com/projects/simplemodal/#examples

理想情况下,如果内容适合,我不喜欢滚动条,否则只有一个垂直滚动条.

有任何想法吗？谢谢!

• 亚历克斯

Answer 1

这只适用于示例代码内容即"eric.martin.com",不确定是否可以控制其他外部内容的宽度,最有可能不能:)

 containerCss:{
    backgroundColor:"#fff",
    borderColor:"#fff",
    height:450,
    padding:0,
    width:830,
    maxWidth : 800
},