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

回答

相关问题