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
@@ -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">
|
||||
|
||||
Reference in new issue
Block a user