【问题标题】:How do I tell Safari iOS7 not to stop css animations on scroll?如何告诉 Safari iOS7 不要在滚动时停止 css 动画?
【发布时间】:2014-04-01 03:22:17
【问题描述】:

我有一个旋转的 css 动画,当页面滚动时会停止。我尝试启用硬件加速但没有运气。

这在页面滚动时不起作用

-webkit-animation: rotating 5s linear infinite;
-webkit-transform-style: preserve-3d;
-webkit-transform: translateZ(0);

【问题讨论】:

    标签: css safari css-animations ios7.1


    【解决方案1】:

    简而言之:你不能。这是一个功能,而不是一个错误。 iOS Safari 会在滚动时停止所有 JS 和动画以节省电池寿命(例如,尝试滚动一页动画 gif)。

    我听说您可以使用hammer.js 使每个滚动都成为触摸交互,这意味着没有这样的警告。但是,它会吸电池。很难。

    这里有更多:http://eightmedia.github.io/hammer.js/

    【讨论】:

    • 知道iscrolljs.com 是否有帮助。锤子看起来对我需要的东西太多了。
    • 我不知道,但如果知道,请告诉我们:)
    猜你喜欢
    • 1970-01-01
    • 2018-07-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-27
    • 2015-01-15
    • 2021-10-30
    • 2015-12-26
    相关资源
    最近更新 更多