功能展示

滚动吸附轮播

Scroll-snap feature carousel

可滑动卡片 + 箭头与圆点

实时预览

提示词正文

Build a scroll-snap carousel with Tailwind CSS: a horizontal track using snap-x and snap-mandatory with cards at a fixed basis, arrow buttons that scroll by one card, and dot indicators that track the active index via scroll position. Each card holds an image, title and one line of copy. Hide the arrows below the md breakpoint where touch swiping takes over, and keep the scrollbar hidden.

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

怎么用

scroll-snap 轮播移动端体验最好;桌面端保留箭头,别只给圆点。

同类提示词 · 功能展示

© 2026 Genisource Vibe · 提示词详情