溢出：自动打开在Safari，Safari IOS＆amp; amp;中断jQuery .animate scrollTop。铬？

Question

我在CSS中应用了以下内容：

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

overflow: auto;和html元素都需要body，以防止页面/抽屉在切换打开/关闭时跳转。

出于某种原因overflow:auto; body {@ 1}}在Safari，Safari IOS＆amp; amp;铬。 Firefox中一切正常。

var offset = 300,
  scroll_top_duration = 700,
  $back_to_top = $('.top');

// Smooth scroll to top
$back_to_top.on('click', function(event) {
    event.preventDefault();
    $('body,html').animate({
      scrollTop: 0,
    }, scroll_top_duration
  );
});

我的问题并非重复，因为我进一步调查，特别找到了问题所在，需要帮助解决这个问题。

我已经被困在这个问题上多年了，想不出办法让我对任何人可能提出的建议持开放态度？

继承人demo请在所有浏览器中测试以查看我的问题。

非常感谢提前！