title: Make Website Quit Jumping to the Top of Page
body: <p>So, the problem is that every time my cover/modal shows up on my website it tends to make the website jump back to top.I want Here are instructions to emulate the problem ,so you can see it:</p>
  
  <ul>
  <li><p>Go to this link: <a href="http://jsbin.com/saditujuli/edit?html,css,js,output" rel="nofollow">http://jsbin.com/saditujuli/edit?html,css,js,output</a></p></li>
  <li><p>Click 'Run with JS' in top right corner. Scroll to the bottom of the 
  'output' section and click the position:fixed , blue ticker in the<br>
  top right corner.</p></li>
  <li><p>From there, you can see the website jump from behind the semi-transparent cover background and you can also tell that when you exit the (cover,modal) the
  website is back at the top ,so it jumped.</p></li>
  </ul>
  
  <p>When the cover comes up,it is supposed to be position:fixed so that it won't move.It is intended to stay in place when the blue ticker is clicked instead of jumping ,but I don't know how to fix it.Any help is appreciated.Thanks in advance!</p>