проблемы с инициализацией skrollr.js - PullRequest
0 голосов
/ 19 ноября 2018

Я недавно узнал о Skrollr.js и пытаюсь сделать с ним небольшую анимацию параллакса.Я узнал об атрибутах данных и о том, как применять анимацию, но у меня, похоже, возникают проблемы с тем, чтобы библиотека работала.

Я включил тег script внизу моего HTML-документа, прямо передзакрывающий тег тела выглядит так:

<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript">
    var s = skrollr.init({
        forceHeight: false
    });
</script>

, но, похоже, он не был распознан моей IDE, а вот снимок экрана (в качестве справки сообщение об ошибке было «Нерешенная переменная илиtype skrollr ")

Я включил атрибуты данных в теги HTML следующим образом:

<h4 data-bottom-top="transform:translateY(-50px); opacity: 0"
        data-center="transform:translateY(0px); opacity: 1"
        class="section-divider" id="divider-early-years">
        Early Years / 1860s
</h4>

, но ни одна из анимаций не работает.Я подозреваю, что это была проблема связывания скрипта с файлом HTML, но я не могу точно определить, где я ошибся.Буду признателен за любую помощь!

...