javascript - 显示键盘时如何在 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

如果您有一些内容超出页面视图区域，则可能会发生这种情况。如果您将站点包含在设置了“溢出：隐藏”的块元素中，它应该防止这种行为。

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

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