Как пользоваться скроллорамой

Question

Я перепробовал все, но я не могу заставить скроллорам работать с этим, и я не уверен, почему. В консоли возникает ошибка "Uncaught ReferenceError: scrollorama не определена"

JavaScript:

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

Живая демоверсия:

http://matthunzinger.com/

Спасибо вам большое!

Answer 1

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'
    });

Подожди, подожди

Я полагаю, что прежде чем вы начнете читать главную страницу скроллорамы (я получил ответ отсюда)