貌似有页面抖动问题
主楼是的 我也发现了
- bbs1org2026-08-07
这个还挺难表述 看AI咋说
项目存在可复现的“页面间水平抖动”,但首屏加载本身没有明显 CLS。线上演示站与本地代码均为 v8.5.3。
视口 CLS FCP LCP
1280×720 0 552 ms 552 ms
390×844 0 404 ms 404 ms主要问题发生在桌面端长短页面切换:
首页有纵向滚动条,页面有效宽度 1265px
登录页没有滚动条,有效宽度 1280px
.bar、.wrap、品牌标识整体水平移动约 7.67px
这正好是 15px 滚动条宽度的一半,因此居中布局会明显左右跳动
根因位于 [index.css (line 38)](J:/code/bbs1org/app/assets/index.css:38):根元素没有预留稳定滚动条槽位,而 [顶部栏 (line 47)](J:/code/bbs1org/app/assets/index.css:47)、[主内容 (line 93)](J:/code/bbs1org/app/assets/index.css:93) 和页脚都采用居中布局。实测从无滚动条的登录页点击 brand 返回首页:
Brand:x 102 → 94.33,左移 7.67px
搜索框:x 968 → 960.33,同样左移 7.67px
首页出现 15px 纵向滚动条,居中容器因此移动半个滚动条宽度
右侧更显眼是因为:
搜索框通过 justify-self:end 紧贴容器右端,[index.css (line 63)](J:/code/bbs1org/app/assets/index.css:63)
搜索框有清晰的矩形边框,位置变化容易察觉
右边同时出现了滚动条,形成额外的视觉参照
Brand 周围留白较大,同样的 7.67px 位移不那么明显但我看这个站点没有出现页面抖动 linux.sb
- bbs1org2026-08-08
还有就是 先加载页面后加载右侧的个人信息栏,这个也存在抖动
- bbs1org2026-08-08
好像还是有问题,原因可能先加载帖子列表再加载右侧的个人信息栏,刷新网页没问题,但点击导航栏或者新评论
新帖子
足迹 分栏时都出现这个问题
QQ20260808-080549.mp4- bbs1org2026-08-08
- bbs1org2026-08-08
- bbs1org2026-08-08
- bbs1org2026-08-08
- bbs1org2026-08-08
- bbs1org2026-08-09
- bbs1org2026-08-09

