使用滑块框滚动内容时离子不平滑

时间:2014-12-14 14:31:42

标签: performance mobile ionic-framework

我正在播放离子并创建一个单页,其中包含一个包含滑块框和几个静态图像的离子内容,在滑块框中有5个相对较大的图像滑动以模仿桌面上的旋转木马效果网页。离子含量设置为可滚动,滑块框设置为在2秒后自动滑动。问题在于,当我滚动离子内容时,如果滑块恰好滑动,滚动对于iOS和Android来说都变得非常滞后。我使用bootstrap + jQuery实现了确切的页面,所有Ames都如此流畅,我想知道这是否是关于离子的一般问题?更具体地说,鉴于离子仍处于测试阶段,我需要一些关于其在移动平台上的性能的建议吗?提前谢谢。

3 个答案:

答案 0 :(得分:2)

我一直在使用Ionic进行开发并且每个晚上都在上个月(从b13到b14)进行开发,我同意它没有你期望的性能,特别是在当前版本中使用滑块时。

未来需要考虑的两件事是:

  • Slide 1.0正在完全重做1.0版。新的滑块在夜间出现了简短的外观,但由于开发人员对结果感到不满,因此再次取出。根据我的经验,新版本明显更快,并且需要的内存比现有版本少得多。因此,一旦开发人员完成了新的滑块代码,期望这样做可以改进很多东西。

  • 对于Android,滚动目前由JS中的Ionic代码本身完成。这将取代调用Android内置滚动事件,这应该平滑滚动很多。然而,对iPhone没有任何影响,但性能已经好一点......

此处有更多信息:http://ionicframework.com/blog/the-final-beta/

答案 1 :(得分:2)

要提高性能,您可以使用:CROSSWALK替换Android的默认WebView。您可以在此处了解详情:{Crosser for Android版}中的https://github.com/driftyco/ionic-cli

此解决方案的缺点是应用程序大小增加(在我的情况下为37mb)但仍然在较慢的Android设备上的性能要好得多!

答案 2 :(得分:0)

添加overflow-scroll =“true”解决了我的问题

<ion-content overflow-scroll="true">