title: jQuery Scroll x pixels from top of the page when clicking a link
body: <p>I have a link which changes its vertical position on scrolling. I want to go to a certain postion (smoothly) on my page when I click this link, which is located exactly 1080px from the top of the page.</p>
  
  <p>I can't get it work, hope someone can help me out.</p>
  
  <p>The link:</p>
  
  <pre><code>&lt;img src="img/clickme.png" style="cursor: pointer;" class="scroll"/&gt;
  </code></pre>
  
  <p>The script:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  $(".scroll").click(function(event){     
  $('html, body').animate({scrollTo({ top: '+1080px',}, 800);
  });
  });
  &lt;/script&gt;
  </code></pre>