html - スクロールラマの使い方

Question

私はすべてを試しましたが、スクロールラマをこれで動作させることができないようで、理由がわかりません. コンソールに「Uncaught ReferenceError: scrollorama is not defined」というエラーが表示される

JavaScript:

scrollorama.animate('.navigation',{
    delay:993, duration:993, property:'top', start:100, end:-300
});

ライブデモ:

どうもありがとう！

score 3 · Accepted Answer

Uncaught ReferenceError: scrollorama is not defined

コンソールはあなたの問題を伝えています。を定義していませんscrollorama。

を定義scrolloramaします。例:

var scrollorama = $.scrollorama({
        blocks:'.scrollblock'
    });

あなたのJSのページにあるように、定義されていません: http://matthunzinger.com/js.js

あなたが持っているのは

scrollorama.animate('.navigation',{
    delay:993, duration:993, property:'top', start:100, end:-300
});

というクラスがあるためslide、コードの前にこれを追加する必要があると思います。

var scrollorama = $.scrollorama({
        blocks:'.slide'
    });

ちょっと待って

先に進む前に、scrollorama のメインページを読むことをお勧めします (ここから回答を得ました)。