ipad - 无法在 ipad 上的 jquery ui 对话框中滚动 iframe

Question

我有一个最初设计用于标准台式机和笔记本电脑的网络应用程序，现在我想看看它是否也能“按原样”在平板电脑上运行。

我在 iPad 2 上试过，我遇到了一个主要问题:该应用程序大量使用对话框，这些对话框是使用 jQuery UI 1.8.22 创建的，用作“弹出窗口”，即每个对话框都包含一个 iframe ，当内容溢出对话框大小时，垂直滚动条出现，但我无法滚动 iframe 内容，因为它总是滚动主页内容。

如何解决这个问题？您认为这是我的应用程序还是 iPad 浏览器本身的问题？

如果它有任何用处，我将发布自己创建对话框的代码，现在让我说，当使用标准计算机导航时，绝对没有滚动问题。

编辑:

我刚刚创建了这个 fiddle http://jsfiddle.net/MLGku/1/它显示了我们如何创建此类弹出窗口，我尝试了 iPad 的 fiddle ，实际上我无法滚动 iframe 内容，如果您能给我任何帮助，我将不胜感激。

Answer 1

最后，我使用这段代码解决了这个问题:

if (/iPhone|iPod|iPad/.test(navigator.userAgent)) {
  $('iframe').wrap(function() {
    var $this = $(this);
    return $('<div />').css({
      width: $this.attr('width'),
      height: $this.attr('height'),
      overflow: 'auto',
      '-webkit-overflow-scrolling': 'touch'
    });
  });
}

上面的代码是在这里找到的:http://home.jejaju.com/play/iframe-scroll.html