edit(关于页): 动画只播一次,滚回不再重播
- 删掉内容组全部 repeat: true(attrs/tl/stats/bars/tags/走心评论/相册) - 首次滚进照常播入场动画,滚回保持就位不重播不重藏 - 分类条 inview 常驻 → 宽度保持不重长 - 同步更新各处注释
This commit is contained in:
1 parent
72bbf9db3e
commit
202ee76cd2
4 files changed
+15
-15
No files matched your search
@@ -131,7 +131,7 @@
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="featc-wrap" uk-scrollspy="target: .featc-item; cls: uk-animation-slide-bottom-medium; delay: 80; repeat: true">
|
||||
<div class="featc-wrap" uk-scrollspy="target: .featc-item; cls: uk-animation-slide-bottom-medium; delay: 80">
|
||||
<div class="featc-title">走心评论<span class="featc-count" id="featc-count" hidden></span></div>
|
||||
<p class="featc-desc">当我看到各位在不同的时间和故事中,发出一份份走心的评论时,一份温暖之意即笼罩在我的心头。</p>
|
||||
<!-- ★ 卡片是异步渲染的(接口 1–1.5s),UIKit 的 MutationObserver 只在
|
||||
@@ -203,10 +203,10 @@
|
||||
|
||||
// ★ 卡片是 fetch 回来后才插进 DOM 的,UIKit 的 MutationObserver 捕捉不到
|
||||
// (它只对「属性新增」反应,不管新插入的子树)—— 必须手动 boot 一次。
|
||||
// 之后完全交给 scrollspy(repeat: true):
|
||||
// 之后完全交给 scrollspy(不写 repeat,只播一次):
|
||||
// · 这一节在视口内 → 同一批 target 进同一个 update 周期,
|
||||
// delay 依次累加,自动错落浮现;
|
||||
// · 在视口外 → 先藏住,滚到时逐条入场,滚走再滚回会重播。
|
||||
// · 在视口外 → 先藏住,首次滚到时逐条入场,滚回不重播。
|
||||
if (typeof window.UIkit !== 'undefined' && typeof window.UIkit.update === 'function') {
|
||||
try { window.UIkit.update(grid); } catch (e) {}
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user