0

我正在使用 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/#examples

理想情况下，如果内容合适，我不想要滚动条，否则只有一个垂直滚动条。

有任何想法吗？谢谢！

  • 亚历克斯
4

2 回答 2

5

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

 containerCss:{
    backgroundColor:"#fff",
    borderColor:"#fff",
    height:450,
    padding:0,
    width:830,
    maxWidth : 800
},
于 2010-04-28T00:54:51.923 回答
0

最简单的方法是让你的 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
});
于 2010-11-06T23:09:53.127 回答