3

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

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

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

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

编辑：

我刚刚创建了这个小提琴http://jsfiddle.net/MLGku/1/它展示了我们如何创建这样的弹出窗口，我尝试了 iPad 的小提琴，实际上我无法滚动 iframe 内容，我会非常感谢任何帮助你可以给我。

4

1 回答 1

5

最后，我已经能够通过使用这段代码来解决问题：

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

于 2012-09-24T08:17:19.420 回答