Goal:
When you open the overlay, the webpage's scroll (not overlay's scroll) should be visible but not active to use.

Problem:
It is irritated to see that the page moves to the right side when you invisible the scroll and when you visible the scroll the page moves to the right side in relation to overlay.

Is there a way to do it?

Thanks!

http://jsbin.com/lacajijuce/edit?html,css,js,output