我正在处理一个具有固定标题(用于操作按钮)的表单,并且在 iOS(Safari 和 Chrome)中遇到了不同的行为。问题在于,每当键盘打开时,操作系统都会向上推整个 web 视图,隐藏应该始终可见的标题。
尝试了几个解决方案 1、2(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)中一样?使用整页视图复制此行为的代码。
| 归档时间: |
|
| 查看次数: |
900 次 |
| 最近记录: |