防止移动 Safari 中的站点横向滚动答案

【问题标题】：Prevent sideway scroll of site in mobile safari防止移动 Safari 中的站点横向滚动
【发布时间】：2011-11-09 15:51:51
【问题描述】：

我有一个基于 jQuery Mobile 的网站。我正在使用视口标签来调整我的网站以适应屏幕大小。

到目前为止一切顺利。

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

但现在的问题是，我仍然能够在屏幕上滚动整个网站（整个移动 safari 浏览器）。

我试着设置

body {
   overflow:hidden;
}

就像这里其他帖子中描述的那样。但这对我不起作用。有人知道如何解决这个问题吗？

【问题讨论】：

【解决方案1】：

我遇到了同样的问题，最终使用了这个解决方法：

document.ontouchmove = function(event) {
    event.preventDefault();
};

【讨论】：

【解决方案2】：

缩放和滚动不一定总是相关的。您的问题不在于视口，而在于您网站的实际宽度，如果尺寸比屏幕尺寸宽，您将遇到滚动问题。你必须给我们一个活生生的例子，这样我们才能帮助你找到溢出你的布局的元素

【讨论】：

【解决方案3】：

我将您的网站与我们自己的网站进行了比较。您使用的是 jQuery Mobile 1.0RC1，而我们使用的是 1.0b3。问题出现在您的网站上，但不在我们的网站上。

也许尝试升级到最新的 jQuery Mobile？

【讨论】：

【解决方案4】：

正如 Jasper 指出的那样，您在尝试获取这些时遇到 404：

您看起来在文件夹名称“jquerymobile-FDL 2”中有一个空格，我会重命名这个没有空格。

此外，我不确定您是否可以在标题或样式标签中包含元标签，也许将所有元标签移动到您的头标签的开头？

另外，您似乎正在导入两个不同版本的 jQuery

【讨论】：