【问题标题】:Ionic not smooth while scrolling content with slider box使用滑块滚动内容时离子不平滑
【发布时间】:2014-12-14 14:31:41
【问题描述】:

我正在播放 ionic 并创建了一个具有 ion-content 的页面,其中包含一个滑块框和几个静态图像,在滑块框中有 5 个相对较大的图像滑动以模仿桌面网页上的轮播效果。 ion-content 设置为可滚动,滑块设置为 2 秒后自动滑动。问题是当我滚动 ion-content 时,如果滑块碰巧在滑动,滚动对于 iOS 和 Android 来说都变得非常滞后。我使用 bootstrap+ jQuery 实现了准确的页面,一切都非常顺利,我想知道这是否是关于 ionic 的一般问题?更具体地说,鉴于 ionic 仍处于测试阶段,我需要一些关于其在移动平台上的性能的建议吗?提前致谢。

【问题讨论】:

标签: performance mobile ionic-framework


【解决方案1】:

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

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

  • 滑块将在 1.0 版中完全重做。新的滑块在夜间出现了短暂的外观,但由于开发人员对结果不满意而再次被取出。以我的经验,新版本比当前可用的版本快得多,所需的内存也少得多。因此,一旦开发人员完成了新的滑块代码,预计这会大大改进。

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

更多信息在这里:http://ionicframework.com/blog/the-final-beta/

【讨论】:

  • 感谢您的详细回答,我想我应该耐心等待 ionic 不再处于测试阶段。
【解决方案2】:

要提高性能,您可以使用:CROSSWALK 替换 Android 的默认 WebView。您可以在此处了解更多信息:https://github.com/driftyco/ionic-cli 在适用于 Android 的人行横道部分。

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

【讨论】:

    【解决方案3】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-03
      相关资源
      最近更新 更多