iframe fancybox responsive

fancybox, html, iframe, jquery

Solution

You may actually need to set `fitToView` to `false` instead.

$(".fancybox").fancybox({
    fitToView: false, // <-- so it will take your values into account
    // other API options etc.
});

See JSFIDDLE

Problem

I'd like for my popin to respond in a responsive way horizontally, but not vertically. When I use fancybox in order to call img it works, but not when it's for iframe. Check the difference between my first work and the second. I use ``` <script type="text/javascript"> $(document).ready(function(){ $('.fancybox').fancybox({ openEffect: 'elastic', closeEffect: 'elastic', prevEffect: 'fade', nextEffect: 'fade', fitToView: true, // maxWidth: "90%", // type: 'iframe', scrolling: 'no', iframe : { scrolling : 'no' } }); }); </script> ```

Original source