导航栏智能显示，网页滚动隐藏导航栏

1、添加class和id

修改一个文件，添加一个class和一个id。

找到文件zib-header.php打开，找到header标签，大概在第56行。添加一个id=”header“ 和一个class = headeroom。如下图所示

文件位置：网站根目录/wp-content/themes/zibll/inc/functions/zib-header.php

2、自定义代码

主题设置-自定义代码-CSS+JS+底部HTML

CSS

JS

$("#header").headroom();

底部HTML

<script src="https://cdn.bootcss.com/headroom/0.12.0/headroom.min.js"></script>
<script src="https://cdn.bootcss.com/headroom/0.12.0/jQuery.headroom.min.js"></script>

3、保存刷新

保存并打开网站，刷新一下看看效果吧。