原站布局
来自当前公开 HTML / CSS。
首页有 13 个纵向 .swiper-slide.full,每段 100vh,内部 stage sticky / top:0 / 100vh。影像 cover 裁切,媒体层不拦截指针。标题单独 sticky,使用 exclusion 与 10px blur,stuck 状态清晰。
大品牌层与导航小标识为独立层。约 5 秒或半屏滚动后交接;导航按方向与顶部指针显隐。首个标题约 2 秒清晰化。没有证据证明这是同一个 logo 的缩放变形。
预览与完整观看
两套媒体用途,分别判断。
源码包含静音循环 Vimeo 预览、约 1 秒附近视口检查及一个小于 900px 的原生 video 分支,也有遍历初始化多个播放器的行为。不能声称原站严格只下载当前和下一段,或严格暂停所有离屏视频。
独立 video 页面提供播放、声音、时间、缓冲、点击/拖动进度、全屏与约 3 秒控件自动隐藏逻辑。这些来自公开播放器脚本,不是首页全部拥有的控件。
实测边界
Chrome 页面观察与媒体传输分开。
实测确认了品牌由 opacity 1 到 0、导航 landing-pos 到 reg-pos、第二段标题清晰、快滚与回滚的标题状态。390px 原站页面宽度为 390。桌面稳定态观察到 13 个 iframe,进一步说明不能把当前/下一段加载限制当作原站事实。
原站 Vimeo 的影片时间、seek、声音、控件计时与手机播放未可靠验证。作品页控件 DOM 存在,但控件操作在该环境下超时。内置浏览器连接失败后改用 Chrome + Playwright 与普通 User-Agent 的 curl;不把超时归因为原站本身故障。
原子跃迁的选择
这是本地实现策略。
首页采用五段普通 100svh 影像流,内部 sticky,不加额外段高、强制吸附或滚轮劫持。首段品牌约 3.4 秒或 0.35 屏滚动后让位;标题改为独立的原生 sticky,在视口中央附近停留;父段底边抵达标题后才上移并变模糊。模糊状态依据实际 sticky 边界,不再使用可见面积阈值。
两份本地作品交替复用,后三段为占位;沿用原项目名称,配置记录素材来源。当前与进入中的相邻段可短暂同时静音播放,远离视口暂停,手动暂停和播放位置独立保存。首帧事件控制封面过渡,拒绝播放或加载失败保留操作入口。
普通首页没有常驻的预览暂停按钮,仅在静态默认或错误恢复时显示播放/重试入口。标题、导航和观看入口均取消文字下划线。页底恢复旧版粗体大写 ATOMIC LEAP。完整观看为独立弹层,从头开始、默认静音、暂停背景,关闭恢复滚动与焦点。进度条、缓冲、声音与全屏均连接真实媒体能力。已有两份影片无音轨,显示无音轨;声音路径用临时测试素材验证。
减少动态效果或 saveData 默认静态封面,仍允许明确点击。实际手机/Safari、真实后台标签、扬声器及长时资源表现尚待设备验收。仓库 docs/2026-10-12-continuous-work-implementation.md 和 docs/evidence/ 保存详情与浏览器状态证据。
当前来源
版本从首页重新解析。