滑屏css（整屏滑动swiper效果）

效果）"/>

滑屏css（整屏滑动swiper效果）

直接代码

<div class="content"><div class="list">这是内容1</div><div class="list">这是内容2</div><div class="list">这是内容3</div><div class="list">这是内容4</div>
</div>

/* scroll-snap-type 需要两个值，第一个值为滚动贴合的方向，y 表示纵向滚动贴合，第二个值为贴合方式，mandatory 表示强制滚动，用户只要一滚动鼠标，下一屏内容就直接滚动上来进行贴合。 */
.content {height: 100vh;overflow: scroll;scroll-snap-type: y mandatory;scroll-behavior: smooth;// scroll-padding: 65px; 如果你有头部就放开此代码.list {scroll-snap-align: start;scroll-behavior: smooth;height:100vh;}
}