jquery - Content Move Weirds on IE10/IE9 scrollorama

Question

私は現在このサイトを開発しています

http://remedia-solutions.com/clientes/0093_Construdeck/Final2/

そして、コンテンツを上下に動かしています。Chrome や Safari では問題なく動作しますが、IE では非常に奇妙な動きをします。

これがスクロールラマ用のJSです。

scrollorama.animate('#entrada',{delay:100,duration: 100, property:"opacity", start:1, end:0 });
scrollorama.animate('#entrada',{delay:100,duration: 100, property:"z-index", start:1, end:0 });
scrollorama.animate('#interiortotal',{duration: 2900, property:"top", start:"0px", end:"-5340px"});
scrollorama.animate('#interiortotal',{duration: 2900, property:"left", start:"0px", end:"5340px"});

編集:このJSを使用することにしましたが、問題は解決しましたが、タッチスクロールマウスでは機能しません。

if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
    window.onmousewheel = document.onmousewheel = wheel;

    function wheel(event) {
        var delta = 0;
        if (event.wheelDelta) delta = event.wheelDelta / 120;
        else if (event.detail) delta = -event.detail / 3;

        handle(delta);
        if (event.preventDefault) event.preventDefault();
        event.returnValue = false;
    }

    function handle(delta) {
        var time = 1000;
        var distance = 250;

        $('html, body').stop().animate({
            scrollTop: $(window).scrollTop() - (distance * delta)
        }, time, "easeInOutQuart");
    }