HTML 5固定屏幕iPad

我似乎無法找到正確的標籤。當屏幕在某些地方在iPad上滑動時，整個屏幕會移動，帶着「橡皮筋」效果，我知道有一種方法可以鎖定屏幕，特定於HTML5和webkit。HTML 5固定屏幕iPad

使用<iframe src="" width="1024" height="724" scrolling="no"></iframe>

似乎是一個便宜的修復，這些都是我的頭。

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" />

來源

2011-08-31 Alex Borsody

試試這個：

<script> 
    // document.body works probably too 
    document.ontouchmove = function(e) { 
     e.preventDefault(); 
    }; 
</script>

注意，這種方法禁用整個頁面上滾動！有時候這可能是不可取的。如果是這樣，請How to Disable Rubber Band in iOS Web Apps?

來源

2011-08-31 19:47:33

我想可能會有一個新的webkit或html5 meta標籤來做到這一點。會試試這個。 –

不明白是什麼事件，我不認爲這是一個保留字。你是否通過 –

「preventDefault」取消了事件（標準JS技巧）上完成的默認動作。我簡化了一下解決方案。有關相關問題，請參閱http://stackoverflow.com/questions/500761/stop-uiwebview-from-bouncing-vertically。 –

萬一人不讀答案的評論，這裏是一個解決方案，以調查答案@bebraw的評論時，我發現：

How to disable rubber band in iOS web apps?

它對於如此之小的東西來說是一項很大的工作，但是對於滾動的內容以及不滾動的內容，可以採用細化的方法。

來源

2013-01-30 16:24:25 trgraglia

HTML 5固定屏幕iPad

回答

相關問題