Я недавно узнал о 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, но я не могу точно определить, где я ошибся.Буду признателен за любую помощь!