CSS 实现整页滚动 Scroll Snap滚动快照

参考文章
参考视频

main {
    height: 100vh;
    scroll-snap-type: y proximity|mandatory; /*proximity是接近时触发翻页，mandatory是强制翻页*/
    overflow-y: scroll;
}
/*隐藏滚动条*/
main::-webkit-scrollbar{width:0;} 
main {
	-ms-overflow-style: none;
}
main {
	overflow: -moz-scrollbars-none;
}

main>* {
    height: inherit;
    scroll-snap-align: start|end|center|;
    /*使用end和center时，高度应该和容器高度相同*/
}

隐藏滚动条

MDN文档