Skip to content

[Bug]: Fullscreen Wallpaper 模式下长页面 sidebar 吸顶定位异常 #511

Description

@whynotsnow

Describe the bug

在首次访问网站后,进入长内容页面并将 Wallpaper 切换为 Fullscreen Mode 后,向下滚动页面时,左右两侧 sidebar 中配置了吸顶效果的 card 会出现吸顶定位位置异常。

该问题不只出现在文章页,在其他长内容页面中也可以复现,例如 /timeline 页面。

页面控制台没有发现报错,也没有其他明显异常。

To Reproduce

  1. 使用电脑浏览器首次访问网站首页:https://mizuki.mysqil.com/
  2. 从首页进入一个长内容页面,例如:
    • https://mizuki.mysqil.com/posts/markdown-tutorial/
    • https://mizuki.mysqil.com/timeline
  3. 将 Wallpaper 切换为 Fullscreen Mode
  4. 向下滚动页面
  5. 观察左右两侧 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/ 中的问题表现

Image

截图 2:https://mizuki.mysqil.com/timeline 中的问题表现

Image

Additional context

  • 操作系统:Windows 10 教育版 22H2
  • OS 内部版本:19045.6456
  • 发生场景:首次访问网站后,进入长内容页面并切换 Wallpaper 为 Fullscreen Mode
  • 可复现页面:
    • https://mizuki.mysqil.com/posts/markdown-tutorial/
    • https://mizuki.mysqil.com/timeline
  • 浏览器控制台没有发现报错
  • 页面没有其他明显异常

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions