スクロールした際に、特定のポイント、特定の方向に対してスナップする(スクロールを強制移動)ための設定。

.scroller{
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    height: 100vh;
}
.scroller .block{
    height: 100vh;
    scroll-snap-align: start;
}

まるで違う操作感と意図。

この設定はスクロールのガワとその中身の位置で構成されているが、 Firefox はガワに body を設定してもスナップ動作しない。

多分。あんまり詳しく調べてない。

.scroller{
    -ms-scroll-snap-type: mandatory;
    -ms-scroll-snap-points-y: snapList(0%, 100%, 200%, 300%, 400%);
    overflow-y: scroll;
    height: 100vh;
}
.scroller .block{
    height: 100vh;
    -ms-scroll-snap-align: start;
}