HTML 5中的动画在android webview中不起作用？

Question

我的应用程序中的问题是在我滚动整个页面之后，我在webview中的HTML页面中的所有动画都正常工作。所以我想要没有滚动页面动画将正常工作。

这是我的代码：

**剧本**

function pageHeight()
{
    window.scroll(0,screen.height);
}
var cube = document.getElementById("cube");
var curRot=0;
var scrollStartPos=0;
var x=0;

if($LEAP.ipad){
    function onCubePress(e)
    {

        x = this.scrollTop+e.changedTouches[0].pageX;
        e.preventDefault();
    };

    function onCubeEnd(e)
    {
        if (Math.abs(x - e.changedTouches[0].pageX) > 10 ) {return;}
        x = 0;
        curRot-=90;
        cube.style.webkitTransform="rotateY("+curRot+"deg)";
        var modRot=(Math.abs(curRot/(90))%4)+1;
        e.preventDefault();
    };
    document.getElementById("hitarea").addEventListener('touchstart',onCubePress);
    document.getElementById("hitarea").addEventListener('touchend',onCubeEnd);
}
else {
    var myScroll;
    function loaded () {
        myScroll = new IScroll('#viewport', {
            scrollX: true,
            scrollY: false,
            momentum: false,
            snap: true,
            snapSpeed: 200,
            keyBindings: true,
            indicators: {
                el: document.getElementById('indicator'),
                resize: false
            }
        });

        document.getElementById("indicator").addEventListener('click',function(e) {
            var val = Math.floor((e.pageX-459)/25);
            myScroll.scrollToElement(document.getElementById("graph"+(val+2)),400,null,true);
            e.preventDefault();
        }); 
    }
    window.onload = loaded;
}