Javascript 在ipad webview上找不到关键帧css规则

我尝试使用javascript重写下面的css关键帧规则。它适用于普通的桌面safari和ipad safari浏览器，但不适用于ipad webview

css

@-webkit关键帧“滚动”{
0% {
变换：translateY（0px）；
-webkit转换：translateY（0px）；
}
55% {
变换：translateY（0px）；
-webkit转换：translateY（0px）；
}
100% {
变换：translateY（0px）；
-webkit转换：translateY（0px）；
}
函数findKeyframesRule（规则）
{
var ss=document.styleSheets；
对于（变量i=0；i

Ipad webview有一个旧的safari引擎，因此它不支持新的标准语法，也不会包含在css规则列表中

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


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

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


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