我正在处理具有固定标题(用于操作按钮)的表单,并且在iOS(Safari和Chrome)中遇到了不同的行为。问题在于,每当键盘打开时,操作系统就会向上推整个Web视图,从而隐藏应该始终可见的标题。
尝试了几种解决方案 1, 2(JavaScript / jQuery部分)和其他几种类似的选项。他们都没有正确解决这个问题。我不能使用here所述的本机/混合支持。
下面是我尝试过的-
默认行为-视图向上滚动,隐藏标题
滚动覆盖后-每次单击输入/文本区域时,UI都会跳转,并且标题有时也会隐藏。
// 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 behaviour与full-page view。