好吧，经过大量的思考，我找到了一个可行的解决方案，所以我在这里张贴，而不是其他人想使用它。
首先：如果你想在输入字段获得焦点并且键盘出现时禁用滚动：

input[type=text]:focus {
  animation: DisableScrollingWhenKeyboard 0.01s;
}

@keyframes DisableScrollingWhenKeyboard {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

字符串
不与下面的代码一起工作，因为innerheight永远不会更改。
它所做的很简单，它改变了不透明度，所以safari在检查输入框时看不到它;因此safari不会滚动页面。但是现在事情可以在键盘后面进行。所以这不适合我。找到了这个代码here。重要的是不用说。
我现在所做的实际上是写here，但有一些变化。
首先，检查它是否是safari（我知道有更好的替代品，但现在我很高兴与它）

var is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);

型
当你确实有那块.浏览器检测
1.获取内部窗口的原始高度
1.获取主体的高度
1.当键盘完全向上时（大约需要200毫秒）再次检查，看看是否有差异。当有差异时：
1.得到的差异。差异是键盘的高度，现在是了。例如：高度是1000 px，与键盘了屏幕的新高度是700 px。键盘的高度是300 px。
1.将主体设置为新高度（originalHeight - newHeight）
1.向上滚动页面
是的，当键盘出现时，它会有一点闪光和 Flink 的情况，但我很高兴。它可以在不同的屏幕和键盘上工作，因为高度是计算出来的。

function resizeHandler() {       
  var OriginalviewportHeight = window.innerHeight
  var OriginalBodyHeight =  $('body').height();       
  setTimeout(function() {
    if (OriginalviewportHeight != window.innerHeight) {
      KeyboardHeight = OriginalviewportHeight - window.innerHeight;             
      $('body').css("height", + (OriginalBodyHeight - KeyboardHeight) +"px");
      $(window).scrollTop(0);
    }            
  },200); 
}

型
所有这些都是在输入字段获得焦点时完成的（屏幕高度的差异检查不会让它在电脑屏幕上或safari中的物理键盘上触发）。

$("#userInputField").focus(function() {
  if (is_safari){
    resizeHandler();
  }            
});

型
当我们再次失去焦点时，重新设置身体高度：

$("#userInputField").on("focusout", function() {
  if (is_safari) {
    $('body').css("height", "100%");
  }    
});

型
我知道这不是最完美的解决方案，但就目前而言，它可以解决输入字段获得焦点时滚动的问题，而且只适用于Safari移动的/平板电脑。因此，Chrome、Android、Firefox等的流畅用户体验并没有被破坏。
有什么改进的想法，请分享。我希望这能帮助别人或指出正确的方向。