Describe the bug
在首次访问网站后,进入长内容页面并将 Wallpaper 切换为 Fullscreen Mode 后,向下滚动页面时,左右两侧 sidebar 中配置了吸顶效果的 card 会出现吸顶定位位置异常。
该问题不只出现在文章页,在其他长内容页面中也可以复现,例如 /timeline 页面。
页面控制台没有发现报错,也没有其他明显异常。
To Reproduce
- 使用电脑浏览器首次访问网站首页:
https://mizuki.mysqil.com/
- 从首页进入一个长内容页面,例如:
https://mizuki.mysqil.com/posts/markdown-tutorial/
https://mizuki.mysqil.com/timeline
- 将 Wallpaper 切换为
Fullscreen Mode
- 向下滚动页面
- 观察左右两侧 sidebar 中配置了吸顶效果的 card
Expected behavior
左右两侧 sidebar 中配置了吸顶效果的 card 应该在滚动时保持正常的吸顶定位,不应出现位置偏移或异常。
实际行为:切换 Wallpaper 为 Fullscreen Mode 后,向下滚动长内容页面时,左右两侧 sidebar 中配置了吸顶效果的 card 吸顶定位位置异常。
OS
Windows
Browser
Chrome 150.0.7871.129 正式版本(64 位);Edge 150.0.4078.83 正式版本(64 位)
Additional context
Screenshots
截图 1:文章页 https://mizuki.mysqil.com/posts/markdown-tutorial/ 中的问题表现
截图 2:https://mizuki.mysqil.com/timeline 中的问题表现
Additional context
- 操作系统:Windows 10 教育版 22H2
- OS 内部版本:19045.6456
- 发生场景:首次访问网站后,进入长内容页面并切换 Wallpaper 为
Fullscreen Mode
- 可复现页面:
https://mizuki.mysqil.com/posts/markdown-tutorial/
https://mizuki.mysqil.com/timeline
- 浏览器控制台没有发现报错
- 页面没有其他明显异常
Describe the bug
在首次访问网站后,进入长内容页面并将 Wallpaper 切换为
Fullscreen Mode后,向下滚动页面时,左右两侧 sidebar 中配置了吸顶效果的 card 会出现吸顶定位位置异常。该问题不只出现在文章页,在其他长内容页面中也可以复现,例如
/timeline页面。页面控制台没有发现报错,也没有其他明显异常。
To Reproduce
https://mizuki.mysqil.com/https://mizuki.mysqil.com/posts/markdown-tutorial/https://mizuki.mysqil.com/timelineFullscreen ModeExpected behavior
左右两侧 sidebar 中配置了吸顶效果的 card 应该在滚动时保持正常的吸顶定位,不应出现位置偏移或异常。
实际行为:切换 Wallpaper 为
Fullscreen Mode后,向下滚动长内容页面时,左右两侧 sidebar 中配置了吸顶效果的 card 吸顶定位位置异常。OS
Windows
Browser
Chrome 150.0.7871.129 正式版本(64 位);Edge 150.0.4078.83 正式版本(64 位)
Additional context
Screenshots
截图 1:文章页
https://mizuki.mysqil.com/posts/markdown-tutorial/中的问题表现截图 2:
https://mizuki.mysqil.com/timeline中的问题表现Additional context
Fullscreen Modehttps://mizuki.mysqil.com/posts/markdown-tutorial/https://mizuki.mysqil.com/timeline