jQuery smooth scroll to specific part of the page?
<p>How can I smooth scroll down to a specific part of the page?</p>

<pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;

&lt;a href="#" class="scrollToBottom"&gt;&lt;img src="images/godown.png" alt="Down Arrow" width="116" /&gt;&lt;/a&gt;

&lt;script type="text/javascript"&gt;


$(document).ready(function(){

 // Scroll page to the bottom
 $('a.scrollToBottom').click(function(){

 $('html, body, .content').animate({scrollTop: $(document).height()}, 1500);

 return false;

 });
})
&lt;/script&gt;
</code></pre>

<p>Now what that code does is that when I click on the "godown.png" image, it will work but it will go to the end of the bottom of the page. Anyway to make it go to the middle? And how would I define the middle with #middle or something?</p>
