在 iOS 中打开键盘时防止页面/视图上推

Suj*_*ngh 5 browser ios

我正在处理一个具有固定标题(用于操作按钮)的表单,并且在 iOS(Safari 和 Chrome)中遇到了不同的行为。问题在于,每当键盘打开时,操作系统都会向上推整个 web 视图,隐藏应该始终可见的标题。

尝试了几个解决方案 12(JavaScript/jQuery 部分)和其他一些类似的选项。他们都没有正确解决这个问题。我不能使用这里提到的原生/混合支持。

以下是我尝试过的-

默认行为 -视图向上滚动,隐藏标题

在此处输入图片说明

滚动覆盖后 -用户界面在每次点击输入/文本区域时跳转,标题有时也会隐藏。

在此处输入图片说明

// tried code to override iOS push behaviour
$("body").on("focus", "input, textarea", function(event) {
  event.stopPropagation(); // this can be ignored
  let winScroll = window.scrollY;
  window.scrollTo({
    top: winScroll
  });
});
Run Code Online (Sandbox Code Playgroud)

有什么方法可以让标题始终可见并固定在顶部,其余的视图可能会滚动,就像在浏览器(不是 iOS)中一样?使用整页视图复制此行为的代码