Search code examples
jqueryfancybox

jQuery - Fancybox: But I don't want scrollbars!


I am using jQuery Fancybox for a popup registration form here

I would like the form to come up at the size of 450px by 700px but no matter what I set the height and width at I get scrollbars:

<script type="text/javascript">
    $(document).ready(function() {
        $("a#regForm").fancybox({
            'titleShow'  : false,
            'autoscale' : true,
            'width'  : '450',
            'height'  : '700',
            'transitionIn'  : 'elastic',
            'transitionOut' : 'elastic'
            }); 
        });
    </script>

There must be something I am doing wrong but I can't figure out what it is. I would appreciate a helpful hand here. Thanks.


Solution

  • Sounds a bit wierd. an ugly solution is to use css, overflow:hidden;

    Whenever I use fancybox, the scrollbars work correctly. sure that the content oc the fancybox is not setting another height?

    Edit: Viewed your example-site. Seems like there is some width beeing set in the content that is larger than the fancybox itself.