パーツ
ツール
ブログ
スクロール時に特定の位置でピタッと止めるスクロールスナップ
パーツ
スクロール
入力
コード
HTML
CSS
JS
Library
「scroll-snap-type: y mandatory;」で垂直方向(y)にスクロールを強制的(mandatory)に止めるようにしています。
「scroll-snap-align: start;」でスクロールが各 .item 要素の開始位置で止まるようにしています。
B!
スクロールスナップ
PR
動画編集入門プラン(2ヶ月)用LP
在宅ワークで稼げるスキルを身につける テックアカデミーWeb制作講座
関連パーツ
一言入れてツイートしよう
文字数:
投稿画像
ツイートする
PNG
JPG
画像の切り抜き
設定
キャンセル
画像の拡大・縮小
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
200%
300%
400%
500%
ダウンロード
ダウンロードまたは右クリックで画像保存してください。
CDN
コピー
HTML
コピー
CSS
コピー
JavaScript
コピー
CDNライブラリを指定できます。
例)<link href="〜" rel="stylesheet" >
保存