Javascript Skrollr.js未激活

在过去的3个小时里，我一直试图让skrollr给我看任何东西！我曾尝试在正文之前，在标题中调用脚本，并尝试了一系列教程，试图让它工作，但我不知道为什么它根本不工作

在

中，我有

<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript" src="js/go-skrollr.js"></script>

在我的摘要行（导航正下方的div）中

据我所知，当h3距离顶部200像素时，这应该会使容器内的内容消失

我试过用各种不同的方式来称呼它，但仍然没有成功

---

此时有三个问题，如果得到纠正，您将看到

Skrollr.js

正在运行（这已经在OP中给出的站点上进行了测试，并且有效）

问题1-必须将

数据锚定目标=“#摘要h3”

修改为

数据锚定目标=“.summary h3”

第2期-

.hero

元素不能有

高度：100%

，只需将其注释掉即可，因为在初始化

skrollr

后，由于某种原因，它的高度达到6k像素，稍后可以检查

---

问题3-必须正确初始化

skrollr

。现在在控制台上显示消息

uncaughtreferenceerror:$未定义

，它被引用到

go skrollr.js

文件。这是因为在引用

skrollr.js

库文件之前必须包含

jQuery

库文件。

没有与此选择器匹配的元素

#summary h3

，但有用于

的元素。summary h3

@melc给出了一个提示，不幸的是，没有任何其他想法？还需要调用

skrollr.init（）；

请查看此处的文档@melc yes我的go-skrollr.js文件中有该文档。加载文档时应调用该文档，例如

$（document.ready）（function（）{skrollr.init（）；}）

你真是太棒了，完全做到了！你有没有机会为

身高：100%

找到解决办法？干得好，伙计！！肯定学到了一些things@Dimitrov谢谢，我很高兴它有帮助。关于

高度：100%

我建议删除它，毕竟它没有在相应的

英雄中使用>或者是引导示例中的
jumbotron
元素，实际上我认为放在那里没有多大用处。我设法弄明白了，我只需将go-skrollr.js中的
forceHeight
选项更改为
false
，再次感谢老兄！！！“这是因为在引用skrollr.js库文件之前必须包含jQuery库文件。”。不。您根本不需要jQuery。@Prinzhorn如果我没记错的话，它是在特定的代码点需要的，因为OP调用了
$（document）。ready
而没有包含
jQuery
(function() {
    $(document).ready(function(){skrollr.init();});
})();

<div class="container" data-center="opacity: 1" data-200-top="opacity: 0" data-anchor-target="#summary h3">