2014-08-29 3 views
0

http://jsfiddle.net/work77/fb61a6za/ содержит ссылку fancybox, которая открывается в iframe http://jsfiddle.net/work77/9eypabj6/.Отзывчивая форма фреймбокса iframe без прокрутки

Содержание Iframe состоит из случайного изображения (варьирующегося непредсказуемого размера) с формой под ним. Я пытаюсь загрузить этот iframe в окно fancybox, которое реагирует на нагрузку и при изменении размера, никогда не имеет полос прокрутки и соотношение сторон всегда сохраняется. Я пробовал все разные комбинации свойств fancybox (hxxp: //fancyapps.com/fancybox/), но ничего не работает. Сейчас я просто беспорядочно стреляю в темноту. Какие-либо предложения?

$(".fancybox").fancybox({ 
    openEffect: 'elastic', 
    closeEffect: 'elastic', 
    prevEffect: 'fade', 
    nextEffect: 'fade', 
    fitToView: false, // 
    maxWidth: "90%", // 
    type: 'iframe', 
    scrolling: 'no', 
    iframe: { 
     preload: false 
    } 
}); 

ответ

1

Это сработало для меня. Не на 100% уверен, как я туда попал, но помог aspectRatio : true. Также я использовал fitToView: true, а не false.

$('.fancybox').fancybox({ 
aspectRatio : true, 
modal : true, 
scrolling : 'no', 
width : 500, 
height : 250, 
autoSize : false, 
autoWidth: false, 
autoHeight: false, 
fitToView: true, 

(и т.д.) ...

+0

Благодаря plugincontainer. Наконец, я смог заставить это работать. Не помню, что я сделал. –

Смежные вопросы