我真的很喜欢headroom.js，但我无法使其正常运行。某种逐步的指导会很棒。
所以这是我到目前为止所做的...
我下载了git repro
将脚本包括在我的html文件中，就在我关闭body标签之前<script type="text/javascript" src="js/headroom/Headroom.js"></script><script type="text/javascript" src="js/headroom/jQuery.headroom.js"></script>
在我的css文件中添加了以下css.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}.headroom--unpinned {top: -100px;}.headroom--pinned {top: 0;}
在第2点的脚本链接的最末尾甚至还添加了净空脚本<script>(function() {var header = new Headroom(document.querySelector("#header"), { tolerance: 5, offset : 205, classes: { initial: "animated", pinned: "slideDown", unpinned: "slideUp" }});header.init();}());</script>
在我的标头HTML元素中添加了必要的ID和类<header id="header" class="header header--fixed hide-from-print" role="banner"><my navigation stuff goes in there></header>
但是我不知道它如何工作。我没有看到滚动时应用的任何类，也没有其他任何东西。有人知道错误的部分吗？
我会非常感激..
提前致谢
最佳答案
我的设置与您在旧站点中使用Headroom.js和jQuery.headroom.js版本0.7.0的设置非常相似。这些是该版本的/dist目录中的文件。 Headroom.js运行正常。然后，我尝试使用/src目录中的文件尝试最新版本0.9.3（因为自v0.8.0起不再包含/dist），并且未向所选元素添加任何类，并且没有错误抛出（一切加载正确，但没有喜悦）。现在，我是一名自我报告的新手，因此，我可以肯定地解释为什么这对我的设置来说是一个重大更改。
关于javascript - 如何使headroom.js工作/逐步，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37373835/