The issue I'm having is that when a modal is opened, the background body is scrollable using the mouse wheel. Seems like this problem is known and people have suggested to set the body to overflow:hidden as stated in this link: Prevent BODY from scrolling when a modal is opened which works fine if your page is short and the modal link is on the initial visible page. However, if you have a longer page and you have to scroll down to see the modal link, once you click to open the modal, the background body shifts to the top.
The background does not scroll anymore, which is what I want, but is there any way to prevent it from popping back to the top when the modal is opened? It's inconvenient when you need to add multiple entries of something using the modal and you have to keep scrolling down to click the modal link to add another item.