代码实现 相比于网上使用较为复杂的方案实现轮播图,本文使用css的Scroll Snap可以用更少的代码来实现轮播图效果。 具体而言,主要使用两个css代码,分别是scroll-snap-type和scroll-snap-align。前者用于确定轮播图吸附轴向,后者用于确定轮播图是初始吸附还是中间吸附还是后面吸附。 下面是HTML代码: <div class="box"> <div class="box_item box_item--bg1