Почему анимированная прокрутка до привязки вызывает дрожание на iPad при последующей попытке прокрутки?

У меня есть следующий код, который при нажатии успешно прокручивается до ссылки привязки. По какой-то причине этот же код вызывает странный дергающийся эффект на iPad. Если вы нажмете якорную ссылку, прокрутите до нее, а затем попытайтесь перетащить экран, чтобы прокрутить весь сайт, мигает и не позволяет прокручивать вверх.

Есть идеи, почему это может происходить?

$(document).on('click', 'a[href^ = "#"]', function() {
  if ($(window).width() > 1024) {
    $('html, body').animate({
        scrollTop: $($.attr(this, 'href')).offset().top - 57
    }, 500);
  } else {
    $('html, body').animate({
        scrollTop: $($.attr(this, 'href')).offset().top - 49
    }, 500);
  }
  return false;
});