初始化skrollr.js的问题

Question

我最近发现有关Skrollr.js的信息，并正在尝试使用它做一些视差动画。我已经了解了数据属性以及如何应用动画，但是似乎无法使该库正常工作。

我已经在HTML文档的底部添加了script标记，就像在body标记之前一样，

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

，但是我的IDE似乎无法识别它，这是screenshot （作为参考，错误消息是“未解析的变量或类型为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文件的问题，但是我似乎无法查明错误之处。不胜感激！