使用 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
});

弹出窗口有两组 滚动条，一组可能用于表示弹出窗口的 HTML 元素，另一组用于 iFrame。尝试演示看看： http://www.ericmmartin.com/projects/simplemodal/# 理想情况

下，如果内容适合，我不希望有滚动条，否则只有一个垂直滚动条。

有什么想法吗？谢谢！

• 亚历克斯

Answer 1

最简单的方法是使 iframe 比模态尺寸小一点。

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

Answer 2

这仅适用于示例代码内容，即“eric.martin.com”，不确定是否可以
控制其他外部内容的宽度，很可能不能:)

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