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
$(".inquire").fancybox({
'width': 455,
'height': 255,
'padding': 0,
'hideOnContentClick' : false,
'overlayOpacity' : 0.7
});
I'm getting very frustrated by this... Please Advise.
Janis