滚动吸附

• scroll-snap-type
• scroll-snap-stop
• scroll-snap-align

效果

1

2

3

4

5

6

7

8

9

10

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

代码

.container {
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}

.item {
  scroll-snap-align: start;
  scroll-snap-stop: always;

  /* scroll-snap-align: center; */
}