缓慢列表视图在iPad上滚动时在一个溢出中滚动：auto div

概述我正在为主要的os平台开发一个Phonegap应用程序，目前正在使用iOS 5的iPad进行测试。我使用jquery手机。所以对于大屏幕我已经使用了splitview jquery手机插件。 http://asyraf9.github.com/jquery-mobile/ 我已经放了 $scrollArea.css('overflow-y','auto'); $scrollArea 我正在为主要的os平台开发一个Phonegap应用程序，目前正在使用iOS 5的iPad进行测试。我使用jquery手机。所以对于大屏幕我已经使用了splitvIEw jquery手机插件。 http://asyraf9.github.com/jquery-mobile/
我已经放了

$scrollArea.CSS('overflow-y','auto');        $scrollArea.CSS('-webkit-overflow-scrolling','touch');

使页面滚动而不是像插件正在使用的iscroll。现在发生了什么事情，就是页面没有在用户滚动时加载/重绘。我有一个100个项目的列表，我滚动它们。滚动本身并不慢，但是在滚动后，新的列表视图行会d出视图需要几秒钟的时间。在此之前，它是一个空白区域。

观察时，我可以看到列表项不会d出视图，直到滚动停止。 (动量滚动)

类似的问题在这里是http://forum.jquery.com/topic/help-with-slow-list-view-scrolling-on-ipad-when-scrolling-in-an-overflow-auto-div

我能做些什么来使这项工作正常吗？同样的事情在AndroID标签上工作正常。请帮忙

编辑：如果我只使用

$scrollArea.CSS('overflow-y','auto');

那么我滚动之后我不会面对这个暂时的空白区域，但是滚动是很慢的。

请不要建议使用iScroll。已经尝试过了它比-webkit-overflow-scrolling慢得多，我不能使用它。

解决方法 我的方法

所以，我尝试了很多，我更多的阅读这个问题。我结束了一个解决方案，对我来说是“OK”(因为它的工作原理)，但绝对不接近“完美”。

使用此CSS时：

.container {    overflow:                   scroll;    -webkit-overflow-scrolling: touch;}

当您使用复杂的设计(在我的情况下为全屏幕背景图片)时，遇到很多问题，并且使用绝对定位的元素和iframe时，会变得更糟。 (这当然是我所需要的)。

那么，诀窍呢？基本上这个CSS：

.container > * {    -webkit-transform:          translate3d(0,0);}

有了这个规则，几乎所有的时间内容都没有得到这些空白区域。只有当第一次快速滚动时，它有点闪烁。

但是要小心使用规则-webkit-transform：translate3d(0,0);.使用这个规则对许多孩子元素强制Safari强制：有时候会慢下来，但几乎所有的时间都会崩溃。最好的事情是把所有内容元素包装成一个div，工作正常。

完成了吗？不是真的。还有iframe问题：(“argh”)

iframe

当iframe在开始时未完全显示在容器的可见部分时，它会被裁剪或根本不显示。有时也可能会在滚动时发生。所以，我试图强制Safari重新渲染这部分，随时滚动完成，并提出了这一点：

//using jqueryvar container   = $('#container');var iframe  = $('#iframe');container.scroll( function (event) {    iframe.CSS( 'marginleft',1 );    setTimeout( function() {        iframe.CSS ( 'marginleft',0 );    },1 );});

在触摸设备上滚动事件的事情是，只有当滚动已经结束时，它才被触发，所以这个功能在任何时候都没有被触发，但是当动量已经结束时。这个短暂的运动实际上是不可见的。

所以，也许这对某人有帮助。

更多信息

这里还有一些关于这个问题的链接：

>关于iOS中如何触发滚动事件：

javascript scroll event for iPhone/iPad?
>这个问题的BUG报告给苹果：

http://stackoverflow.com/a/7893031/1456376
> iframe示例有同样的问题：

http://stackoverflow.com/a/8275972/1456376

总结

以上是内存溢出为你收集整理的缓慢列表视图在iPad上滚动时在一个溢出中滚动：auto div全部内容，希望文章能够帮你解决缓慢列表视图在iPad上滚动时在一个溢出中滚动：auto div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。