功能展示

粘性视觉 + 滚动步骤

Sticky visual with scrolling steps

画面固定,内容滚动经过

实时预览

提示词正文

Build a sticky-visual walkthrough with Tailwind CSS: a two-column layout where the left column holds a sticky product screenshot or diagram and the right column scrolls through three or four numbered steps, each with a heading and short paragraph. As each step enters the viewport, highlight it and swap the visual on the left to the matching state using an intersection observer.

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

左固定右滚动的经典叙事结构;视觉随步骤切换靠 IntersectionObserver。

同类提示词 · 功能展示

© 2026 Genisource Vibe · 提示词详情