CSS 实现整页滚动

参考文章
参考视频

main {
    height: 100vh;
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
}
main::-webkit-scrollbar{width:0;} /*隐藏滚动条*/
main>* {
    height: inherit;
    scroll-snap-align: start|end|center|;
    /*使用end和center时，高度应该和容器高度相同*/
}

隐藏滚动条

标签：滚动,整页,height,滚动条,snap,end,main,scroll,CSS
来源： https://blog.csdn.net/I_fole_you/article/details/118068213