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

时间:2019-06-18 10:51:43

标签: ios browser

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

尝试了几种解决方案 1 2(JavaScript / jQuery部分)和其他几种类似的选项。他们都没有正确解决这个问题。我不能使用here所述的本机/混合支持。

下面是我尝试过的-

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

enter image description here

滚动覆盖后-每次单击输入/文本区域时,UI都会跳转,并且标题有时也会隐藏。

enter image description here

// 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
  });
});

是否有任何方法可以使标题始终可见并固定在顶部,并且其他视图可能会滚动,就像在浏览器(不是iOS)中一样? Code to replicate this behaviourfull-page view

0 个答案:

没有答案