Javascript 在WordPress中使用headloom.js

我想在我的网站上使用headloom.js，以便在向下滚动时隐藏标题，并在向上滚动时重新显示标题。我正在使用WordPress

我尝试将js文件放在主题文件夹中，并使用functions.php调用它，但它似乎不起作用，因此我使用了以下插件：

我在附加CSS中有以下内容：

。净空{
过渡：变换200ms线性；
}
.净空高度--顶部.x导航栏{
背景色：透明；
边框底部：无；
盒影：无；
}
.子菜单ul li{
颜色：#ddd！重要；
}
.净空高度--顶部.x-navbar a{
颜色：#fff！重要；
}
.净空--顶部.x导航栏.桌面.子菜单a{
颜色：黑色！重要；
}
.净空--不是顶部.x-navbar{
背景色：#fff；
}
1.净空{
过渡：变换200ms线性；
}
.净空{
转化：translateY（0%）；
}
.净空——未固定{
转换：translateY（-100%）；
webkit过渡：所有.3s易于输入输出；
-moz转换：所有.3轻松输入输出；
-o型转换：所有.3s易于输入输出；
过渡：所有.3s易于输入输出；
}
1.净空{
位置：固定；
z指数：12；
右：0；
左：0；
排名：0；
webkit过渡：所有.3s易于输入输出；
-moz转换：所有.3轻松输入输出；
-o型转换：所有.3s易于输入输出；
过渡：所有.3s易于输入输出；
}
桅顶{
高度：0px；
}

您需要将类应用于模板或使用插件

请参阅文档以更正安装：

具体地将id或数据元素添加到您的：

<!-- selects $("[data-headroom]") -->

或

它应该叫它自己；如果没有，则需要在主题的页脚模板中添加其文档调用

---

.

谢谢，我仍然不知道如何正确地将它安装到wordpress上——无论是在标题、函数还是其他方面。我确实将这些类应用于标题，但不知道将js放在何处。抱歉，您需要将脚本放入php函数中，以便WordPress了解它：。我会把这个加到我的答案中。

<header id="header">