はじめに こんにちは! スペースマーケットでフロントエンドエンジニアをしているk___0122です。 今回はreact-useのuseIntersectionを使って以下のようなカルーセルを作ったので紹介したいなと思います! デモアプリ https://carousel-practice.vercel.app/ 完成形のコード https://github.com/kazuki0122/carousel_practice 今回作るカルーセルは以下の仕様で実装します。 スクロールができること インジケーターが現在表示されてる画像に合わせて活性化すること 矢印をクリックしたら画像が切り替わること 実装してみる スクロールができることは以下のCSSのみでできます。 overflow-x: scrollではみ出した要素をスクロールできるようにします。 またscroll-snap-type: x m