什么是吸顶?
指当用户滚动网页时,某些页面元素(如导航栏、搜索框、工具栏等)会动态固定在浏览器窗口的顶部,不随页面滚动而消失的效果。这种设计可以让关键功能或信息始终保持在用户视野中,提升用户体验和操作效率。
同款主题对比
- JOE官方主题:
- 本站主题:
肯定有人说了,区别在哪上面的两张图, 怪我!!! 我没给大伙标注出来 就是滚动鼠标:标题栏、导航栏等不会固定(吸顶),joe主题官方的是滚动鼠标后logo不见了,而我的你在怎么滚动都是保持固定的!对吧。
解决方法
- 找到主题的joe.global.min.css文件,进去搜索:
.joe_header.active
如下图:
- 注释掉.joe_header.active里面的{top: -60px}:如下图:
就像以下注释一样:
.joe_header.active { /* top: -60px; */ }
总结
完成以上操作记得保存,使用cdn缓存的话记得去刷新一下改动的css文件,不刷新不生效!当然使用官方的同款主题可以直接使用的我静态资源加速站:https://cdn.nmssb.cn,打开网站具体使用方法有说明的,这样的话你就不用去修改文件了,直接使用我提供静态资源,放心!据对安全。
评论