css基础一：五行代码教你全屏滚动

五行代码教你全屏滚动

老规矩话不多说，直接上代码！

html{
  scroll-snap-type: y mandatory;
}
section{
 block-size: 100vh;
 scroll-snap-align: center;
 scroll-snap-stop: always;
 display: grid;
 place-items: center;
}

<section>
	<div>one</div>
</section>
<section>
	<div>two</div>
</section>
<section>
	<div>three</div>
</section>

如果帮助到了你，请留下一颗小心心哟！