jQuery Mobile - Safari 浏览器在屏幕上滑动答案

【问题标题】：jQuery Mobile - Safari browser sliding around screenjQuery Mobile - Safari 浏览器在屏幕上滑动
【发布时间】：2011-01-12 15:02:38
【问题描述】：

我刚刚为客户完成了一个移动 Web 应用程序。我使用 MVC3 和 Razor 以及使用 jQuery Mobile 编写了它。我没有注意到但客户端拥有的是 Safari（并且只有 Safari）在使用 Web 应用程序时似乎能够在屏幕上移动。这里很难解释，但是您可以将整个浏览器向左、向右、向上和向下滑动，留下灰色背景，这是其他移动网站所不具备的。

有人知道这可能是什么吗？我什至不知道从哪里开始！

在此先感谢所有做出贡献的人。

【问题讨论】：

标签： asp.net-mvc jquery-mobile mobile safari

【解决方案1】：

我想这与这个问题中描述的问题有关：jQuery - draggable images on iPad / iPhone - how to integrate event.preventDefault();?

【讨论】：

我尝试添加这个 $(document).bind("dragstart", function(event, ui){ event.preventDefault(); //return false; });但这并没有什么不同，也尝试了 return false 包括在内，但仍然没有....
我提到的线程的结果是添加一个为苹果东西准备的库会有所帮助。如果我是你，我会从那开始。
感谢您的澄清。不幸的是，这并没有什么不同，它要么停止屏幕的所有移动，要么通过推荐的修改根本没有改变。我想我将很难找到答案。当您捏/放大时，每个站点上都会发生相同的行为，但是当您不放大时，我的似乎会这样做。
我认为它只是在网站不适合窗口（目前太大）时发生。使用苹果的 jqueryUi 会有所帮助。它在那个主题中，在最后一条评论中。你监督它。 code.google.com/p/jquery-ui-for-ipad-and-iphone

【解决方案2】：

好的，对于遇到此问题的任何人，我都找到了解决方案。 jquery 移动框架附带的 css 包含类 ui-body-c （其中 c 被替换为其他字母，取决于主题）。在这个类中，有一个边框：1px solid #ccc;，删除它已经解决了这个问题而不改变网站上的任何样式。

【讨论】：

我们的客户也报告了同样的问题，我也看到了。我没有使用 jquery mobile 并且 body 没有边框。知道在这种情况下如何解决吗？
已修复：标题的宽度为 96% + 填充。只是从左侧和右侧删除了填充，并使用自动边距将其居中。解决了这个问题。耶！