エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
scroll-snapを使ってカルーセルをつくる 🖱 - みかづきブログ・カスタム
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
scroll-snapを使ってカルーセルをつくる 🖱 - みかづきブログ・カスタム
CSSのscroll-snapをつかってカルーセルをつくってみました。 developer.mozilla.org ループ無し DEMO ソ... CSSのscroll-snapをつかってカルーセルをつくってみました。 developer.mozilla.org ループ無し DEMO ソースコード(抜粋) JavaScript const { useEffect, useRef, useState } = React; function App() { const [ list ] = useState([1, 2, 3]); const width = 200; return ( <div className="carousel"> <ul> {list.map((item, i) => { return ( <li key={ i } data-index={ item } >{ item }</li> ); })} </ul> </div> ); } SCSS .carousel { width: 200px; height: