#carousel

#69 CSS scroll snap 做簡單的純 CSS 輪播

⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 以前，要做出輪播的「滾動吸附」的效果，十之八九都需要依賴 JS 套件（像是 fullPage.js 、Swiper.js 或 Slick.js）。這些工具雖然強大，但有時候只是想要一個簡單的橫向滑動，不需要複雜的自動播放或前後操作按鈕，引入一整個套件又有點太多。 現在，我們有了純 CSS 的原生解決方案，就是 CSS Scroll Snap。可以宣告滾動容器內的對齊點，當使用者滾動停止時，瀏覽器會自動產生一個...