固定视窗滚动效果 skill，不再反复对话

我做个人网站的时候，曾经被一个看起来很常见的滚动效果卡住很久。

我想要的是：用户滚到某个区块时，页面里的主要画面先固定住；继续往下滚，里面的内容、图片或模块跟着滚动进度一段一段切换；等这个区块播放完，再释放页面继续往下走。很多品牌官网、作品集、个人主页里都有这种效果，它很适合拿来讲经历、展示项目、介绍能力，视觉上也比普通的卡片列表更有记忆点。

但问题是，我一开始并不知道它到底应该叫什么。skill 获取方式：

“视差滚动”其实说不准

我最开始也会把它叫成“视差滚动”。

这听起来合理，因为它确实发生在滚动时，也确实有层次变化。可真正的 parallax，通常是背景、前景、图片这些层以不同速度移动，制造空间深度。我想要的不是这个。

我想要的是一个被固定在视口里的舞台：滚动条继续走，但舞台先不走；滚动进度变成时间轴，驱动画面里的内容切换。更准确地说，它应该叫 pinned sticky scroll、sticky scrollytelling，或者滚动驱动的 stepper。中文我现在更愿意叫它：吸顶滚动切换。

我这边用 Dify 的官网的效果来举例（https://dify.ai/）。

这个 skill 解决的是什么

这个 pinned-sticky-scroll skill 的价值是当你想在个人网站里做这种“滚动到这里，画面固定，继续滚动时模块逐步切换”的效果时，AI 应该如何理解这个需求。

它把一个很容易被误叫成“视差滚动”的需求，重新命名成一个更准确的模式：pinned sticky scroll stepper。这样 AI 不会再随手做成 fade-in、scroll reveal、背景 parallax，或者那种跟手感脱节的 smart animate。对个人网站来说，这个效果特别适合用在介绍工作流、展示代表项目、讲职业路径、展示技能模块，或者把一组原本平铺的内容变成一段有节奏的滚动叙事。

给同样在做个人网站的人

如果你也在做个人网站，并且脑子里有一个“滚到某一屏停住，然后里面内容随着滚动一段段切换”的效果，不要只跟 AI 说“做一个视差滚动”。这大概率会让它跑偏。

更好的说法是：我要一个 pinned sticky scroll section，外层是很高的滚动区，中间有一个 sticky 的固定舞台，滚动进度驱动多个内容层切换。不要做普通 fade-in，不要做背景 parallax，也不要用自动播放动画伪装滚动效果。

对我来说，这不是一个技术小工具，而是一次把个人经验沉淀成可复用语言的过程。以后再做个人网站，不需要重新跟 AI 解释半天“不是那个视差，是另一个滚动效果”。直接调用这个 skill，就能把问题从“你到底想要什么”推进到“怎么把它做好”。