Stop the page from scrolling when a modal is open

This is a quick guide on creating modals that stop the page from scrolling, after you've opened a modal. Closing the modal via a background click or by clicking on the on the close icon, closes the modal and then makes the page scrollable again.