title: How to make the page scroll to top when clicking different tabs in jquery vertical tab
body: <p>I am a beginner in web designing.I used the Jquery vertical tab (<a href="http://jqueryui.com/tabs/#vertical)codes" rel="nofollow">http://jqueryui.com/tabs/#vertical)codes</a> to create 6 tabs in my website. But when the tabs are clicked it doesn't scroll to top of the page. Thus, making it hard for people to read the description and the contents of each tab. They have to scroll all the way to the top. </p>
  
  <p>these are the default codes I am using.</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      $(function() {
          $("#tabs").tabs().addClass("ui-tabs-vertical ui-helper-clearfix");
          $("#tabs li").removeClass("ui-corner-top").addClass("ui-corner-left");
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Can someone please tell me how to add a code to make the webpage scroll back to the top when each tabs are clicked. I will really appreciate your help. Thanx</p>