title: Different positions after scroll
body: <p>I use script to scroll smoothly to form but every time I click button it scrolls to different positions. What should I do to make it stops every time at the same level. Like for example 100px above 'textarea'.</p>
  
  <pre><code>jQuery('.scroll-to-form').on('click', function() {
         jQuery('html, body').animate({
           scrollTop: 
           jQuery('textarea').offset().top
         }, 1500, function() {
          jQuery('textarea').focus();
         });
       });
  </code></pre>