Использования 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 
}); 

И popup имеет два набора полос прокрутки, возможно, для элемента 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 
});