Question

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

我需要建立一个回复滑动动作以触发功能的训练网站 - 但移动的屏幕使这个效果看起来很糟糕！

Answer 1

您可以尝试捕获并阻止整个文档的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 来创建全屏网络应用。

Answer 2

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