title: jQuery animate scroll to ID using easing functions
body: <p>I am trying to scroll to specific <code>ID</code> :</p>
  
  <pre><code> $("#button1").click(function() {
          $('html, body').animate({
              scrollTop: $("#Sec1").offset().top
          }, 700);
  </code></pre>
  
  <p>It works fine.</p>
  
  <p>My Question is :</p>
  
  <p>How do I do the same thing through easing functions ?</p>
  
  <p>I have tried following function but doesn't work :</p>
  
  <pre><code> $("#button1").click(function() {
          $('html, body').animate({
              scrollTop: $("#Sec1").offset().top
          }, 700, "easeInOutCirc");
  </code></pre>
  
  <p>Any suggestion would be appreciated.</p>