always vertical scroll bars when using iFrame

724 views
Skip to first unread message

Michael Torfs

unread,
Feb 26, 2010, 12:21:01 PM2/26/10
to fancybox
Hi,

I have an issue with an iFrame fancybox. No matter how high I set the
box, it's always shown with scroll bars.
I can solve the issue with scrolling=no. But, the box height seems to
be used as a max-height. When I open the iframe box from a browser in
a smaller window, the box has a smaller height then the 550 I
configured. It seems that the iframe is maxed on 75% of the viewport
or something. In this case I would need the scroll bars, since in the
small viewport my submit buttons becomes invisible.

A possible workaround might be a way to force a fixed height, even
when the viewport is smaller. Then the horizontal scroll bars of the
browser woul appear;

This is the code:
$(".fancybox.iframe").fancybox({
'autoscaling' : false,
'padding' : 25,
'width' : 600,
'height' : 550,
'speedIn' : 300,
'speedOut' : 300,
'overlayOpacity' : 0.3,
'overlayColor' : '#000'
});
Thanks,
Michael

Message has been deleted

Aaron Palmer

unread,
Feb 26, 2010, 12:46:55 PM2/26/10
to fancybox
I am having a similar issue but it's flat out ignoring the height and
width I am setting I'm
setting.

$(".inquire").fancybox({
'width': 455,
'height': 255,
'padding': 0,
'hideOnContentClick' : false,
'overlayOpacity' : 0.7

});

I'm getting very frustrated by this... Please Advise.

Janis

unread,
Feb 26, 2010, 3:10:14 PM2/26/10
to fancybox
Maybe set autoScale to false

Janis

Kennedy James

unread,
May 26, 2013, 1:50:30 PM5/26/13
to fanc...@googlegroups.com

I had the same problem with Firefox ... not with Chrome.  Values for width and height should be put in single quotation marks;

 fitToView    : false,
        width        : '600',
        height        : '480',
        autoSize    : false,

and turn off the fitToView and the autoSize ...

Should do the trick ...


JFK

unread,
May 27, 2013, 4:29:47 PM5/27/13
to fanc...@googlegroups.com
Integer and Boolean values go without quotes; what does the trick is fitToView set to false
Reply all
Reply to author
Forward
0 new messages