折腾记录

记一次导航栏栏无法展开二级菜单的bug修复

起因:万恶之源

事情的起因是访问unjal的博客的时候发现在我的电脑上测试,导航栏上的按钮根本无法触发展开二级菜单,但是经过我的拷打,友好的询问过后,发现其他设备上展开都正常,且我们用的都是同一个浏览器,内核版本相同,到底是什么原因导致我的设备无法正常显示呢?

一阶:无法修复?

经过unjal的严肃修复(调戏ds和Gemini),发现问题仍然存在且仅限我的电脑存在,我就要来了anvigation的源码进行排查,但经过 GPT 老师的身形调教之后,问题不能说一点没解决吧,但只能说解决了一点,导航栏一共 4 个按钮,位于偏右侧的两个按钮可以正常展开,但左侧两个按钮仍未展开。经过我的追问,这个问题始终得不到任何进展。问题到这里似乎陷入了停滞,那么真凶到底是谁呢?

二阶:灵机一动

偶然一次测试,我发现如果在页面没有完全加载的时候,所有的导航栏按钮都是可以正常展开二级菜单的;但是当页面加载完成之后,导航栏就无法正常展开了。

于是我断定,肯定是因为界面中的某个元素,遮挡了原来二级菜单的展开判定,我把我的发现报告给了 GPT 老师,GPT 老师给我了一些方案,让我缩小问问题的范围。经过我的测试,发现Mizuki主题会默认加载Live2d小人,从加载L2d小人的阶段开始,顶部导航栏的按钮就无法展开了,GPT老师火速分析了一下问题所在,然后发现问题果真如此,其加载高度高达600px,因此在分辨率较低的设备上测试的时候,会刚好遮挡住顶栏的按钮,虽然unjal的博客禁用了l2d功能,但iframe层仍在生效,于是这个问题到这里就算是正式解决了

ee30fe2d7454bb8bbb70590180ed3e54.webp

三阶:完

只能说屎山代码发力这一块,不是注意力惊人,这个小众问题估计还是得不到解决

继续阅读

邪道,让你的个人站点也能显示博客的文章相关
邪道,让你的个人站点也能显示博客的文章

本文主要讲述了神人站长为了给自己的个人页集成博客的功能,但又不想迁移原有的 Astro 博客,而发动鬼脑想出了邪道手法——让个人页显示博客文章的摘要

折腾记录2026-07-26
相关
一次 Swup 客户端导航的踩坑:从整页刷新到目录消失

记录修复博客导航 bug 的全过程——删掉一个看似多余的整页刷新脚本后,目录(TOC)反而消失了,最终发现根因是侧边栏不在 Swup 的容器列表中。

折腾记录2026-07-14
相关
经过再三考虑,最终放弃了Fuwari,重构了博客

将原Fuwari的博客迁移成Vue架构,重新设计了博客UI,本篇文章讲述重构的前因后果以及开发流程

有趣的项目2026-08-28
随机
认证一下folo

folo挺好用的一个rss阅读器

分享2026-08-04
随机
Markdown 极其详细测试文档

一份用于测试 Markdown 渲染器语法支持程度的详尽文档,覆盖 CommonMark 核心语法、GFM 扩展与常见的非标准扩展

分享2026-10-02
哎我去这个Pages CMS真神了随机
哎我去这个Pages CMS真神了

通过向你的静态博客仓库导入Pages CMS实现在浏览器里优雅地管理你的文章

教程2026-07-04