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

また、ポップアップには2セットのスクロールバーがあります。1つはポップアップを表すHTML要素用で、もう1つは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 に答える