如何在显示键盘时禁用iPad Safari中的屏幕偏移

Question

我有一个在ipad上使用的Web应用程序。应用程序通常会保存在主屏幕上，它将以全屏模式运行。我使用了以下元标记来禁用滚动，缩放和拖动：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

我不希望用户能够移动屏幕，滚动或缩放。一切正常，直到用户点击输入字段并显示虚拟键盘。当显示键盘时，我现在可以移动屏幕，屏幕也会从右侧偏移大约10-15px。这很奇怪，我不想要那样。我仍然希望键盘显示，但我不希望它打破我的屏幕固定设置......任何人都可以帮忙吗？

Answer 1

如果您有一些内容延伸到页面视图区域，则会发生这种情况。如果在包含“overflow：hidden”设置的块元素中包含该站点，则应该阻止此行为。

您还需要添加以下代码以防止拖动。

document.addEventListener('touchmove', function(e){ e.preventDefault(); });