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" />
答
试试这个:
<script>
// document.body works probably too
document.ontouchmove = function(e) {
e.preventDefault();
};
</script>
注意,这种方法禁用整个页面上滚动!有时候这可能是不可取的。如果是这样,请How to Disable Rubber Band in iOS Web Apps?
答
万一人不读答案的评论,这里是一个解决方案,以调查答案@bebraw的评论时,我发现:
How to disable rubber band in iOS web apps?
它对于如此之小的东西来说是一项很大的工作,但是对于滚动的内容以及不滚动的内容,可以采用细化的方法。
我想可能会有一个新的webkit或html5 meta标签来做到这一点。会试试这个。 –
不明白是什么事件,我不认为这是一个保留字。你是否通过
–“preventDefault”取消了事件(标准JS技巧)上完成的默认动作。我简化了一下解决方案。有关相关问题,请参阅http://*.com/questions/500761/stop-uiwebview-from-bouncing-vertically。 –