jQuery versions tried: 1.11.0 & 2.0.3

My project requires 1.x for IE8 support

Browsers affected: Chrome, Opera, Safari, IE11

Works in: Firefox, IE8, IE9, IE10

OS's Tested on: MacOS (Chrome, Opera, Safari, Firefox), Windows XP (IE8), Win 7 (IE9, IE10, IE11)

I have an "a" element in my DOM with the id, say-hello. The intended affect is for when the user clicks it, the page scrolls down to the form for contacting us.

<script type="text/javascript">
  $(document).ready(function(){

    $('#say-hello').on('click', function(e){
      e.preventDefault();

      $('html, body').animate({
        scrollTop: $("#contact-us h2").offset().top
      }, 1000);

    });
  });
</script>

It works perfectly in firefox and the lower versions of IE. Perhaps it's related to webkit, but then again, it's not working IE11. In the head of the DOM, I have the following meta tag:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

That made it work in IE8, while fixing the overall look of the site.

I have been using jQuery for a year now and haven't had issues with scrollTo in the animate function. Not sure if this is a recent webkit update that has broken it.