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时,高度应该和容器高度相同*/
}
CSS 实现整页滚动 Scroll Snap滚动快照
最新推荐文章于 2024-02-18 17:16:46 发布