diff --git a/docs/活动页/竞品H5与性能优化分析.md b/docs/活动页/竞品H5与性能优化分析.md index 3392f18..efbdbd6 100644 --- a/docs/活动页/竞品H5与性能优化分析.md +++ b/docs/活动页/竞品H5与性能优化分析.md @@ -262,7 +262,7 @@ backdrop-filter -webkit-backdrop-filter ``` -低端机模式不再暂停 `.scroll-wrapper` 这类跑马灯动画,避免排行榜、奖励列表、用户昵称等文本滚动完全不动。只有用户系统主动开启“减少动态效果”时,才暂停弹幕和滚动动画。 +低端机模式和系统“减少动态效果”模式都不再暂停 `.scroll-wrapper` 这类跑马灯动画,避免 iOS 或低端安卓上排行榜、奖励列表、用户昵称等文本滚动完全不动。系统开启“减少动态效果”时,只暂停弹幕这类更重的装饰动画。 同时,多个活动页和榜单页的 `isLoading` 预加载阶段已取消渲染 `BackgroundLayer`,只保留 `LoadingSpinner` 和 loading 文案,避免加载态和正式页面重复创建背景图层。 diff --git a/src/styles/global.css b/src/styles/global.css index d56015a..62d630e 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -29,9 +29,7 @@ html.low-performance-mode *::after { } /* 用户系统主动要求减少动态效果时,暂停非交互类装饰动画。 */ -html.reduce-motion-mode .barrage-item, -html.reduce-motion-mode .scroll-wrapper, -html.reduce-motion-mode [class*='scroll-wrapper'] { +html.reduce-motion-mode .barrage-item { animation: none !important; transform: none !important; will-change: auto !important;