title: Scroll to an element with jQuery
body: <p>I have this <code>input</code> element:</p>
  <pre><code>  &lt;input type=&quot;text&quot; class=&quot;textfield&quot; value=&quot;&quot; id=&quot;subject&quot; name=&quot;subject&quot;&gt;
  </code></pre>
  <p>Then I have some other elements, like other  tag's &amp; <code>&lt;textarea&gt;</code> tag's, etc...</p>
  <p>When the user clicks on the <code>&lt;input id=&quot;#subject&quot;&gt;</code>, the page should scroll to the page's last element, and it should do so with a nice animation <em>(It should be a scroll to bottom and not to top)</em>.</p>
  <p>The last item of the page is a <code>submit</code> button with <code>#submit</code>:</p>
  <pre><code>&lt;input type=&quot;submit&quot; class=&quot;submit&quot; id=&quot;submit&quot; name=&quot;submit&quot; value=&quot;Ok, Done.&quot;&gt;
  </code></pre>
  <p>The animation should not be too fast and should be fluid.</p>
  <p>I am running the latest jQuery version. I prefer to not install any plugin but to use the default jQuery features to achieve this.</p>