Prevent Background Scrolling When Displaying Popup

jquery html popup
Joe picture Joe · Feb 4, 2010 · Viewed 51.5k times · Source

I have a form that is displayed in a popup. After loading, the background is grayed out, but the user can still scroll the background content up and down.

How do I prevent the background from scrolling?

Example here

the 'email this quote' link to the right of the pdf screenshot.

Answer

sudhAnsu63 picture sudhAnsu63 · Aug 17, 2012

To hide the scrollbar of the body when opening the popup

document.body.style.overflow = "hidden";

and to revert back when closing the popup

document.body.style.overflow = "visible";

Related questions

jQuery open new window centered with fixed size

Possible Duplicate: Center a popup window on screen? I have 4 different links, all of which need to open a new window which will target 4 different html files. When the links are clicked, it needs to open the html file in …

Read More
Creating a css and jquery fade/blur background when popup is visible

I have looked at other questions and had no luck trying to integrate other answers to my own code. At the moment, when the mouse hovers a slide down appears and when you click on the image the popup appears. …

Read More
Open popup at clicked position

Hi, I have done a popup which is by default hidden and opened whenever a click is triggered on window. Popup must be shown at wherever the event is triggered.But there are some constraints: Popup must be shown at …

Read More