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

Question

我有一个网络应用程序,最初设计用于标准台式机和笔记本电脑,现在我想看看它是否可以在平板电脑上"按原样"工作.

我在iPad 2上尝试过,我遇到了一个主要问题:应用程序大量使用对话框,使用jQuery UI 1.8.22创建,用作"弹出窗口",即每个对话框包含一个iframe,以及何时内容溢出了垂直滚动条出现的对话框大小,但我无法滚动iframe内容,因为它将始终滚动主页面内容.

怎么可以解决这个问题？您认为我的应用程序或iPad浏览器本身存在问题吗？

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

编辑:

我刚刚创建了这个小提琴http://jsfiddle.net/MLGku/1/,它显示了我们如何创建这样的弹出窗口,我尝试了iPad的小提琴,实际上我无法滚动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