jquery - 修复 iOS 视口以防止“拖动”效果

Question

有没有办法在iOS（iPhone和iPad）中“修复”浏览器视口以防止滑动时的背景移动？屏幕将适合 1024x768 横向/纵向尺寸，因此根本不需要滚动..

我需要建立一个培训站点，该站点响应滑动操作来触发功能 - 但是移动的屏幕使这种效果看起来很糟糕！

score 4 · Accepted Answer

您可以尝试捕获并阻止ontouchmove整个文档的事件。

HTML：

<body ontouchmove="BlockElasticScroll(event);">
    <!-- CONTENT -->
</body>

JS：

function BlockElasticScroll(event) {
    event.preventDefault();
}

您可以使用.on()轻松地将其重写为 jQuery，而不是绑定到本机 JS ：

$("body").on({
    ontouchmove : function(e) {
        e.preventDefault(); 
    }
});

（jQuery 代码未经测试）。

我不得不说这种方法在我上次检查时并不是坚如磐石，因为“有时”确实会发生滚动。

您还可以查看ScrollFix以创建全屏 Web 应用程序。

score 0 · Accepted Answer

如果您将容器/包装器 div(s)（或者甚至是主体，我还没有测试过）设置为max-width: 100%;它似乎可以缓解这个问题。

2 回答 2