scrollTop（）没有滚动到IE Windows 8手机上的正确位置

Question

It's working fine everywhere, although the browser returns the right height, it scrolls to the wrong position(different one each time) this only happens on IE W8 phone, here is the code:

$("#navigation-wrapper a").click(function(e){
    $headerHeight = $("#header").height();
    var $anchor = $(this);
    $('html, body').stop().animate({scrollTop: $($anchor.attr('href')).offset().top - $headerHeight});
e.preventDefault(); });

Any idea?

Answer 1

Although this is messy, but for some reason it worked. I had to call animate twice in order to scroll to the right place.

$('html, body').stop()
  .animate({scrollTop: $($anchor.attr('href')).offset().top - $headerSize},function(){
      $('html, body').stop()
        .animate({scrollTop: $($anchor.attr('href')).offset().top - $headerSize});
    });