如何在顯示鍵盤時禁用iPad safari中的屏幕偏移量

Question

我有一個用於ipad的web應用程序。應用程序通常會保存在主屏幕上，並且將以全屏模式工作。我用下面的meta標籤禁用滾動，縮放和拖動：

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