Question

I am fairly new to jQuery and I have this overlay window that pops up when a user clicks a button:

    function toggleOverlay() {
    $("#overlay").animate({
        opacity: 'toggle',
        height: 'toggle',
    });
}

My problem is that I need to prevent the user from scrolling the page somehow while the overlay is being shown.

I tried something like

overflow: 'toggle',

but it’s not working.

How can this be done?

You can see a working example of my form here: Link to website. Just click on “Rundbrief abonnieren” and the form pops up. I want to disable the scrolling though. How can it be done?

Thanks for any help.

Answer 1

What about setting overflow to hidden?

also i couldn’t find your button in the link you provided, it shows here though http://2012.designbits.de/kontakt/