我正在播放离子并创建一个单页,其中包含一个包含滑块框和几个静态图像的离子内容,在滑块框中有5个相对较大的图像滑动以模仿桌面上的旋转木马效果网页。离子含量设置为可滚动,滑块框设置为在2秒后自动滑动。问题在于,当我滚动离子内容时,如果滑块恰好滑动,滚动对于iOS和Android来说都变得非常滞后。我使用bootstrap + jQuery实现了确切的页面,所有Ames都如此流畅,我想知道这是否是关于离子的一般问题?更具体地说,鉴于离子仍处于测试阶段,我需要一些关于其在移动平台上的性能的建议吗?提前谢谢。
答案 0 :(得分:2)
我一直在使用Ionic进行开发并且每个晚上都在上个月(从b13到b14)进行开发,我同意它没有你期望的性能,特别是在当前版本中使用滑块时。
未来需要考虑的两件事是:
Slide 1.0正在完全重做1.0版。新的滑块在夜间出现了简短的外观,但由于开发人员对结果感到不满,因此再次取出。根据我的经验,新版本明显更快,并且需要的内存比现有版本少得多。因此,一旦开发人员完成了新的滑块代码,期望这样做可以改进很多东西。
对于Android,滚动目前由JS中的Ionic代码本身完成。这将取代调用Android内置滚动事件,这应该平滑滚动很多。然而,对iPhone没有任何影响,但性能已经好一点......
答案 1 :(得分:2)
要提高性能,您可以使用:CROSSWALK替换Android的默认WebView。您可以在此处了解详情:{Crosser for Android版3>}中的https://github.com/driftyco/ionic-cli
此解决方案的缺点是应用程序大小增加(在我的情况下为37mb)但仍然在较慢的Android设备上的性能要好得多!
答案 2 :(得分:0)
添加overflow-scroll =“true”解决了我的问题
<ion-content overflow-scroll="true">