title: Refactoring this jQuery code
body: <pre><code>$('.go2page1').click(function() {
    $("body").scrollTo({
      top: '0px',
      left: '0px'
    }, 800);
    return false;
  });
  $('.go2page2').click(function() {
    $("body").scrollTo({
      top: '0px',
      left: '1100px'
    }, 800);
    return false;
  });
  $('.go2page3').click(function() {
    $("body").scrollTo({
      top: '0px',
      left: '2200px'
    }, 800);
    return false;
  });
  $('.go2page4').click(function() {
    $("body").scrollTo({
      top: '0px',
      left: '3300px'
    }, 800);
    return false;
  });
  </code></pre>
  
  <p>This works but there are several pages and I have one for each, possible to compress this into a few lines and also add 'active' to the selected page?</p>