javascript - iPad WebView でキーフレーム CSS ルールが見つからない

Question

JavaScript を使用して、以下の CSS キーフレーム ルールを書き直そうとします。通常のデスクトップ サファリと iPad Safari ブラウザでは動作しますが、iPad WebView では動作しません。

CSS

@-webkit-keyframes "scroll" {
    0% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    55% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }




function findKeyframesRule(rule)
{
    var ss = document.styleSheets;
    for (var i = 0; i < ss.length; ++i) {
        for (var j = 0; j < ss[i].cssRules.length; ++j) {
            if (ss[i].cssRules[j].type == window.CSSRule.WEBKIT_KEYFRAMES_RULE && ss[i].cssRules[j].name == rule)
                return ss[i].cssRules[j];
        }
    }
    return null;
}

findKeyframesRule("scroll");  // it returns null ;