title: Jquery animate scrolltop not working in Safari
body: <p>I'm using this code to navigate to anchors on the same page, with a smooth scrolling effect. It works great in all browsers except in Safari 6.</p>
  
  <p>I've done some testing and this works in Safari 5/6, Chrome, and Firefox, removing the animate scroll:</p>
  
  <pre><code>$(document).on('click','.navigation a', function(event){
      event.preventDefault();
      var $target = $( $(this).attr('href') );
      var position = $target.data('position');
      $('html, body').scrollTop( position * scrollHeight );
  });
  </code></pre>
  
  <p>But with the animate scroll, it stops working in Safari 6:</p>
  
  <pre><code>$(document).on('click','.navigation a', function(event){
      event.preventDefault();
      var $target = $( $(this).attr('href') );
      var position = $target.data('position');
      $('html, body').animate({'scrollTop': position * scrollHeight}, 3000);
  });
  </code></pre>
  
  <p>Any ideas as to why and how to fix? </p>