title: Smoothscroll doesn't work in chrome but works in other browsers
body: <p>I have a button (it is a Font awesome icon), which if you click on it it scrolls to a specific div. In Safari it worked but now I am testing it in Chrome it doesn't work.</p>
  
  <p><strong>The script I am using (jQuery)</strong></p>
  
  <pre><code>$(document).ready(function(){
  $('a[href^="#"]').on('click',function (e) {
      e.preventDefault();
  
      var target = this.hash;
      var $target = $(target);
  
      $('html, body').stop().animate({
          'scrollTop': $target.offset().top
      }, 900, 'swing', function () {
          window.location.hash = target;
      });
  });
  });
  </code></pre>
  
  <p><strong>The button</strong></p>
  
  <pre><code>&lt;a href="#arrow-down-click"&gt;
  &lt;i class="fa fa-angle-down fa-4x arrow-down" aria-hidden="true"&gt;&lt;/i&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>How to get this working in Chrome (and maybe other browsers I didn't tested yet) too?</p>
  
  <p><strong>EDIT (also in a comment):</strong></p>
  
  <p>I just found out: if I change in css <code>html { overflow: hidden; }</code> to <code>auto</code> and <code>body { overflow: auto; }</code> to <code>hidden</code>, the animation works. But the problem is: I can't scroll from the top down without using the button to go to part 2, and if I am on part 2 I can't scroll anywhere (so not back to the top or to part 3).. Does someone has an idea for that?</p>
  
  <p><strong>EDIT 2</strong>
  Right now I have this: <a href="https://jsfiddle.net/jk1540oc/" rel="noreferrer">https://jsfiddle.net/jk1540oc/</a>.
  It goes to the div I direct to, but it doesn't animate anymore (not in Chrome and not in Safari). You also can't scroll down twice by using the button.</p>