title: jquery scroll from top to bottom
body: <p>I need to scroll a page with content from top to bottom 
  and a navigation have 'show top' anchor. when i clicked on 'show top' anchor then a page(which is not showing before) will scroll from top to main screen area with content. </p>
  
  <pre><code>.topPage{
      width:1280px; 
      color:#000; 
      float:left; 
      position:relative;
      background:#E6E6E8;
  }
  
  
  $('a.scrollToBottom').click(function(){
    $('html, body').stop().animate({
  scrollTop: $("#topPage").offset().top
    }, 2000);
  // event.preventDefault();
  });
  </code></pre>
  
  <p>But the page (topPage) scrolling from bottom to top..
  I need to scroll from top to bottom to show in main screen area.</p>