Page scrolls to top when modal is opened issue

Question

I have an issue with a modal that I programmed. When it is opened or closed, it goes to the top of the page. I want the page background to stay exactly where it is opened and not move. I have it opening with JavaScript and have tried

$("html,body").css("overflow","hidden"); 

but it does not work. Any other thoughts?

Answer 1

Got it figured out (although not sure if it is the best way). I replaced

<a href="#" onclick="myFunction('function')">Open Modal</a>

with

<a href="javascript:void(0)" onclick="myFunction('function')">Open Modal</a>

I am up for better options if there are.