In some situations a lot of sites create modal popups, and I remove these popups by deleting <div> tags with my browser's inspector (Chrome Inspector).

In a subset of these situations, the site has also removed the scrolling feature of the page, so although I restore normal browsing function by removing the modal popup, I can't scroll the page.

How would I typically restore it

Lets use www.exitintent.io as an example after you trigger the exit intent (by moving your mouse outside of the browser)

In some situations a lot of sites create modal popups, and I remove these popups by deleting <div> tags with my browser's inspector (Chrome Inspector).

In a subset of these situations, the site has also removed the scrolling feature of the page, so although I restore normal browsing function by removing the modal popup, I can't scroll the page.

How would I typically restore it

Lets use www.exitintent.io as an example after you trigger the exit intent (by moving your mouse outside of the browser)

• javascript
• css
• exit-intent

Share Improve this question Follow asked May 3, 2016 at 18:00 CQMCQM 44.3k7777 gold badges230230 silver badges370370 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

From the inspector remove the modal-open class on the body element or just set overflow: scroll. Then either delete or set display:none on the modal elements

This one:

<div class="modal fade in" id="exitIntentModal" tabindex="-1" role="dialog" aria-labelledby="exitIntentModalLabel" aria-hidden="false" style="display: block;">

This one as well:

<div class="modal-backdrop fade in"></div>

In general, and specifically for the www.exitintent.io site that you linked, the way to "disable" scroll is to add overflow: hidden to the body and html elements of the page.

So on that site you linked, I was able to remove overflow in the inspector on both those elements (the body element has several declarations that need to be removed) and get the page scrolling again.