防止移动野生动物园中的网站侧面滚动

时间:2011-11-09 15:51:52

标签: iphone mobile jquery-mobile mobile-safari viewport

我有一个基于jQuery Mobile的网站。 我正在使用视口标记使我的网站符合屏幕尺寸。

到目前为止一切顺利。

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

但现在的问题是,我仍然可以在屏幕上滚动整个网站(整个移动浏览器浏览器)。

我试图设置

body {
   overflow:hidden;
}

如此处其他帖子所述。但它对我不起作用。任何人都知道如何解决这个问题?

4 个答案:

答案 0 :(得分:2)

我遇到了同样的问题,最后使用了这个解决方法:

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

答案 1 :(得分:0)

缩放和滚动并不总是必须相关。这里的问题不在于视口,而在于网站的实际宽度,如果尺寸比屏幕尺寸宽,则会出现滚动问题。您必须给我们一个实例,以便我们可以帮助您找到溢出布局的元素

答案 2 :(得分:0)

我将您的网站与我们自己的网站进行了比较。你正在使用jQuery Mobile 1.0RC1,我们正在使用1.0b3。您的网站会出现问题,但与我们的网站无关。

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

答案 3 :(得分:0)

正如贾斯帕指出的那样,你在尝试取这些东西的时候有一个404:

您看起来在文件夹名称“jquerymobile-FDL 2”中有空格,我会在没有空格的情况下重命名。

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

你似乎也在导入两个不同版本的jQuery