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

我有一个web应用程序，最初设计用于标准台式机和笔记本电脑，现在我正在尝试看看它是否也能在平板电脑上“按原样”工作

我在iPad2上试用了它，发现了一个主要问题：应用程序大量使用对话框，使用jQuery UI 1.8.22创建，用作“弹出窗口”，即每个对话框都包含一个iframe，当内容超出对话框大小时，会出现垂直滚动条，但我无法滚动iframe内容，因为它将始终滚动主页内容

这个问题怎么解决？你认为这是我的应用程序还是iPad浏览器本身的问题

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

编辑：

---

我刚刚创建了这个提琴，它展示了我们如何创建这样的弹出窗口，我用iPad尝试了这个提琴，事实上我无法滚动iframe内容，我非常感谢您能给我的任何帮助。

最后，我通过使用这段代码片段解决了这个问题：

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'
    });
  });
}

if（/iPhone | iPod | iPad/.test（navigator.userAgent））{
$（'iframe'）.wrap（函数（）{
var$this=$（this）；
返回$（''）.css({
宽度：$this.attr（'width'），
高度：$this.attr（'height'），
溢出：“自动”，
“-webkit溢出滚动”：“触摸”
});
});
}

以上代码在此处找到：