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文档

你可能感兴趣的:(#,CSS)