Javascript jquery滚动视差效应

我试图在我的水平网页滑动上实现scrollorama效果，但当我试图调用它时，我的菜单不起作用，导航箭头也不起作用。加上scrollorama也不起作用。 这是我的小提琴：

这里是我的jquery：

$(document).ready(function() {      
        var scrollorama = $.scrollorama({ blocks:'.panel' });


    scrollorama.animate('#contact h2',{
        duration:200, property:'left', end:-860
    });

});


    $(function () {
        var 
            animation = function ( href ) {
                var 
                    name = "active",
                    element = $( "a[href='" + href + "']" );

                $( "html, body" ).stop().animate( {
                    scrollLeft: $( href ).offset().left
                }, 1200 );

                element.closest( "ul" ).find( "li" ).removeClass( name );
                element.parent().addClass( name );
            },
            menu = $( "#list" );

        animation( menu.find( "li" ).eq( 0 ).find( "> a" ).attr( "href" ) );

        $( "#cssmenu a" ).bind( "click", function( event ) {
            var target = $( this ).attr("href");

            animation( target );

            event.preventDefault();
        } );

        $( "#next, #prev" ).click( function ( event ) {
            var
                positionActiveClass = menu.find( "> li.active" ).index(),
                menuLength = menu.find( "> li" ).length - 1,
                buttonId = $( this ).attr( "id" );

            if ( buttonId === "next" ) {
                if ( positionActiveClass === ( menuLength ) ) {
                    newElementActiveClass = menu.find( "li" ).eq( 0 );
                    newPositionActiveClass = newElementActiveClass.find( "> a" ).attr( "href" );

                    animation( newPositionActiveClass );
                } else {
                    newElementActiveClass = menu.find( "li" ).eq( positionActiveClass + 1 );
                    newPositionActiveClass = newElementActiveClass.find( "> a" ).attr( "href" );

                    animation( newPositionActiveClass );
                }
            } else {
                if ( positionActiveClass === 0 ) {
                    newElementActiveClass = menu.find( "li" ).eq( menuLength );
                    newPositionActiveClass = newElementActiveClass.find( "> a" ).attr( "href" );

                    animation( newPositionActiveClass );
                } else {
                    newElementActiveClass = menu.find( "li" ).eq( positionActiveClass - 1 );
                    newPositionActiveClass = newElementActiveClass.find( "> a" ).attr( "href" );

                    animation( newPositionActiveClass );
                }
            }

            event.preventDefault();
        } );

    } );

---

你知道我做错了什么吗？

首先，让你的小提琴跑起来。好的，Sergiu，我更改了scrollorama.js的链接，但它似乎不起作用：你看过我的链接了吗？阅读以下内容：是的，Sergiu，我查看了您的，并在我的JSFIDLE上更改了它：