animate not works in mini ipad and mobile

$(".section-form .form-wrap").hide();
$(".thank-you-content-wrap").show();
var $sectionForm = $('.section-form');
var stickyHeaderHeight = 85;
var offset = $sectionForm.offset().top - stickyHeaderHeight;
console.log('offset', offset);
setTimeout(() => {
  if ($sectionForm.length > 0) {
    var stickyHeaderHeight = 85;
    var offset = $sectionForm.offset().top - stickyHeaderHeight;
    console.log('offset', offset);
    $('html, body').animate({
      scrollTop: offset
    }, 'slow');
  }
}, 1100);

The animate behaves differently for mini iPad (below 1023px) and mobile why?
Work on all devices with the same behaviour