hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 修复苹果端文本不滚动的问题

Browse Source
This commit is contained in:
hzj 2026-05-15 12:13:34 +08:00
parent 34e2f13bc7
commit 4943df5e83
2 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/活动页/竞品H5与性能优化分析.md
View File

@ -262,7 +262,7 @@ backdrop-filter
-webkit-backdrop-filter -webkit-backdrop-filter
``` ```
低端机模式不再暂停 `.scroll-wrapper` 这类跑马灯动画，避免排行榜、奖励列表、用户昵称等文本滚动完全不动。只有用户系统主动开启“减少动态效果”时，才暂停弹幕和滚动动画。 低端机模式和系统“减少动态效果”模式都不再暂停 `.scroll-wrapper` 这类跑马灯动画，避免 iOS 或低端安卓上排行榜、奖励列表、用户昵称等文本滚动完全不动。系统开启“减少动态效果”时，只暂停弹幕这类更重的装饰动画。
同时，多个活动页和榜单页的 `isLoading` 预加载阶段已取消渲染 `BackgroundLayer`，只保留 `LoadingSpinner` 和 loading 文案，避免加载态和正式页面重复创建背景图层。 同时，多个活动页和榜单页的 `isLoading` 预加载阶段已取消渲染 `BackgroundLayer`，只保留 `LoadingSpinner` 和 loading 文案，避免加载态和正式页面重复创建背景图层。

4
src/styles/global.css
View File

@ -29,9 +29,7 @@ html.low-performance-mode *::after {
} }
/* 用户系统主动要求减少动态效果时，暂停非交互类装饰动画。 */ /* 用户系统主动要求减少动态效果时，暂停非交互类装饰动画。 */
html.reduce-motion-mode .barrage-item, html.reduce-motion-mode .barrage-item {
html.reduce-motion-mode .scroll-wrapper,
html.reduce-motion-mode [class*='scroll-wrapper'] {
animation: none !important; animation: none !important;
transform: none !important; transform: none !important;
will-change: auto !important; will-change: auto !important;