登录注册

[js] 顶栏融合 - 参考 qyl 主题的顶栏融合

写在前面

代码参考 qyl 主题的顶栏融合
为了方便查看效果, 这里将页签加了颜色, 正常使用时是没有的

效果

代码

https://gitee.com/Hug_Zephyr/siyuan_script/blob/master/js/%E9%A1%B6%E6%A0%8F%E8%9E%8D%E5%90%88.js

思源笔记

思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

融合块、大纲和双向链接，重构你的思维。
28446 引用 • 119783 回帖
代码片段

代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。

用户在该标签下分享代码片段时需在帖子标题前添加 [css] 或 [js] 用于区分代码片段类型。
285 引用 • 1986 回帖

3 引用

合并顶部标题栏和标签栏 • HugZephyr

[css][js] 思源笔记使用体验增强方案分享 • Adaxi

求一个 QYL 主题“顶栏融合”功能的 CSS 代码 • HugZephyr

1 操作

HugZephyr 在 2025-08-11 14:44:41 更新了该帖

HugZephyr 4 个月前佛山位置

3 感谢

1 关注

2 收藏

1 赞同

3 引用

1 操作

16 回帖

7

5

3

330 229 1 2 98

相关帖子

16 回帖

[js] 顶栏融合 - 参考 qyl 主题的顶栏融合

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册关于

请输入回帖内容 ...

wenbocn • 4 个月前 • 1 评论
付费者

使用了“替换背景图片”插件，如下能有一条显示出背景图片的空余部分，希望能够改进一下，谢谢！

1 回复

我有空看下, 这个很难做到兼容比较好

HugZephyr • 4 个月前
其他回帖

HugZephyr • 4 个月前 • 1

付费者作者

在这里加一段代码

            .HZFusionTop > .layout-tab-container {
                margin-top: -8px;
            }

1 回复

HugZephyr • 4 个月前 • 1 评论
付费者作者

兼容性好难搞

我本地也是改了样式, 调的我头疼, 能用就行, 已经不想维护了

2 回复

哈哈哈，确实是，我每个代码也是花少量时间完成，大量时间做兼容。所以，分享不容易，自用简单的多。💪

wilsons • 4 个月前 • 1 赞同
wenbocn • 2 个月前
付费者

您好，是不是还有什么设置没有在 js 中，需要 css 代码调节一下高度，我的显示和您的不太一样呢。

2 回复
查看全部回帖

HugZephyr

佛山