其他分享
首页 > 其他分享> > CSS 实现整页滚动

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