title: JQuery - Prevent scrolling when an element is shown
body: <p>Im having a bit of trouble with this. How do I prevent the browser from scrolling when an element (a div) is shown.  </p>
  
  <p>I have a button (positioned on the bottom of the webpage) to show an element (positioned on the top of the webpage). If I scroll to the bottom of the page to click the button the browser automatically scrolls on top where the element is positioned. How do I prevent this?  </p>
  
  <p>Basically, when I scroll to the bottom of the webpage to show the element, I want to retain the browser's position in the bottom of the page. Is there anyway to do this?</p>