title: smooth scroll to a anchor tag and focus on the first field form
body: <p>I have a html form in a page, bunch of text and a anchor tag to the form at the end of the page. Right now the action is very abrupt.</p>
  
  <p>I want to the following two things.</p>
  
  <ol>
  <li><p>Make the scroll from bottom of the page to the top smooth ( I looked some javascript options but they didn't work).</p></li>
  <li><p>When the scroll happens I want it focus on the first field in the form (first name field)</p></li>
  </ol>
  
  <p>HTML field:</p>
  
  <pre><code>&lt;form id="register"&gt;
  &lt;label for="Name"&gt;&lt;strong&gt; Your Name:&lt;/strong&gt;&lt;/label&gt;
  &lt;input type="text" id="Name_First" name="Name_First" required&gt;
  &lt;input type="text" id="Name_Last" name="Name_Last" required&gt;   
  
  &lt;label for="Email"&gt;Email Address:&lt;/label&gt;
  &lt;input type="email" id="Email" name="Email" vrequired&gt;
  
  &lt;label for="RegPassword"&gt;Password:&lt;/label&gt;&lt;input type="password" id="RegPassword" name="RegPassword" required&gt;
  &lt;form&gt;  
  
  &lt;a href="#register"&gt; Fill out the form &lt;/a&gt;&lt;/p&gt; 
  </code></pre>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/co1ot6ru/" rel="nofollow">http://jsfiddle.net/co1ot6ru/</a></p>
  
  <p>Is there a way I can do that? Any help is much appreciated. Thanks!</p>