【Typecho】注释一段css代码解决Joe主题 顶部标题栏固定(吸顶)问题

宗同学
2025-03-19 / 0 评论 / 81 阅读 / 正在检测是否收录... / 搜一下
温馨提示:
本文最后更新于2025年03月19日,已超过43天没有更新,若内容或图片失效,请留言反馈。

什么是吸顶?

 指当用户滚动网页时,某些页面元素(如导航栏、搜索框、工具栏等)会动态固定在浏览器窗口的顶部,不随页面滚动而消失的效果。这种设计可以让关键功能或信息始终保持在用户视野中,提升用户体验和操作效率。


同款主题对比
  • JOE官方主题:
    演示图1

  • 本站主题:
    演示图2

肯定有人说了,区别在哪上面的两张图, 怪我!!! 我没给大伙标注出来 表情 就是滚动鼠标:标题栏、导航栏等不会固定(吸顶),joe主题官方的是滚动鼠标后logo不见了,而我的你在怎么滚动都是保持固定的!对吧。


解决方法
  • 找到主题的joe.global.min.css文件,进去搜索: .joe_header.active 如下图:
    m8f8evy5.png

  • 注释掉.joe_header.active里面的{top: -60px}:如下图:
    m8f8h6ic.png

  • 就像以下注释一样:

    .joe_header.active {
      /* top: -60px; */
    }

总结

完成以上操作记得保存,使用cdn缓存的话记得去刷新一下改动的css文件,不刷新不生效!当然使用官方的同款主题可以直接使用的我静态资源加速站:https://cdn.nmssb.cn,打开网站具体使用方法有说明的,这样的话你就不用去修改文件了,直接使用我提供静态资源,放心!据对安全。

9

评论

博主关闭了所有页面的评论