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

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

1 个答案: