main{ margin:0; height: 100vh; scroll-snap-type: y mandatory; overflow-y: auto; -webkit-overflow-scrolling: touch; } section{ scroll-snap-align: start; height: 100vh; border-top: solid 1px #ccc; display: flex; align-items: center; justify-content: center; font-size: 28px; }
1スクロール目
2スクロール目
3スクロール目
4スクロール目
5スクロール目
【css】scroll-snapを使ってcssだけの全画面スクロール
2020/01/11