edit(关于页): 动画只播一次,滚回不再重播

- 删掉内容组全部 repeat: true(attrs/tl/stats/bars/tags/走心评论/相册)
- 首次滚进照常播入场动画,滚回保持就位不重播不重藏
- 分类条 inview 常驻 → 宽度保持不重长
- 同步更新各处注释
This commit is contained in:
zqlit committed 2026-10-07 22:54:37 +08:00
1 parent 72bbf9db3e
commit 202ee76cd2
4 files changed
+15 -15

No files matched your search

+3 -3
View File
@@ -17,8 +17,8 @@
③ 动画类一律官方:uk-animation-fade(标题淡入 0.8s)、
uk-animation-slide-{bottom,right}-medium(内容 50px 滑入 0.5s)。
★ 不要用 -small:位移只有 10px,在这么宽的版面里根本看不出来。
④ 内容组一律 repeat: true —— 移出视口重藏、滚回重播(归档页年份
标题同款),页面滚动时才是「活的」;分节标题不 repeat(同归档 h3)。
④ 内容组一律不写 repeat —— 只在首次滚进时播一次,滚回时保持就位
不重播、不重藏(用户定案 2026-10-07);分节标题同样只播一次。
PJAX:换入的 DOM 由 mypjax.js 的 reinitUIKit() 重新 boot(UIKit 的
MutationObserver 只反应属性新增,管不了 PJAX 整树换入)。
@@ -67,7 +67,7 @@
{{ $sectionCount = add $sectionCount 1 }}
<div class="about-sec">
<div class="section-title" uk-scrollspy="cls: uk-animation-fade; delay: 100">{{ printf "%02d" $sectionCount }} / 光影 (Album)</div>
<div class="album-content" uk-scrollspy="target: .album-item; cls: uk-animation-slide-bottom-medium; delay: 100; repeat: true">
<div class="album-content" uk-scrollspy="target: .album-item; cls: uk-animation-slide-bottom-medium; delay: 100">
{{ range site.Data.album }}
<div class="album-item">
<div class="album-img-box">