title: I am trying to make my page scroll slower when you press a button using Jquery?
body: <p>I am very new to JQuery and I can make the page go to the top and bottom like I want to slow the movement down a bit. So how to I slow the scroll speed down?
  This is what I have so far:</p>
  
  <pre><code>document.getElementById('sur2').onclick = function () {
      document.getElementById('pt1').style.display='block';
      document.getElementById('pt2').style.display='none';
      window.scroll(0,0);
  }
  
  
  document.getElementById('sur1').onclick = function () {
      document.getElementById('pt1').style.display='none';
      document.getElementById('pt2').style.display='block';
      window.scroll(0,5000); 
  }
  </code></pre>