有没有办法在 iOS(iPhone 和 iPad)中“修复”浏览器视口(viewport)以防止滑动时背景移动？屏幕适合 1024x768 横向/纵向尺寸，因此根本不需要滚动..
我需要建立一个培训网站，回复滑动 Action 来触发功能 - 但移动屏幕让这个效果看起来很糟糕!
最佳答案
您可以 try catch 并阻止整个文档的 ontouchmove 事件。
HTML:
<body ontouchmove="BlockElasticScroll(event);">
<!-- CONTENT -->
</body>
JS:
function BlockElasticScroll(event) {
event.preventDefault();
}
无需绑定(bind)到 native JS，您可以使用 .on() 轻松地将其重写为 jQuery :
$("body").on({
ontouchmove : function(e) {
e.preventDefault();
}
});
(未测试 jQuery 代码)。
我不得不说这种方法在我上次检查时并不坚如磐石，因为“有时”确实会发生滚动。
你也可以看看 ScrollFix 创建全屏网络应用程序。
关于jquery - 修复 iOS 视口(viewport)以防止 'drag' 效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14335618/