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

1、添加class和id

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

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

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

Snipaste_2023-06-04_08-40-52

 

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、保存刷新

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

© 版权声明
THE END
如果喜欢,可以【点赞】【分享】【收藏】
点赞15赞赏分享
评论 共1条
头像
非注册用户需审核通过后才能查看。友好交流,勿发纯表情,勿恶意灌水!
提交
头像

昵称

取消
昵称表情代码图片
    • 头像Nian0