Использование 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/#examples

В идеале, если содержимое подходит, я бы не хотел использовать полосы прокрутки, в противном случае - одну вертикальную полосу прокрутки.

Есть идеи? Спасибо!

• Alex

Answer 1

Это работает только для примера содержимого кода, т. Е. "Eric.martin.com", не уверен, что вы можете контролировать ширину для другого внешнего контента, скорее всего, не может:)

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

Answer 2

Самый простой способ - сделать ваш 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
});