CSS滚动擦除

div {
  width: 100vw;
  height: 100vh;
  
  /* This is what you need */
  position: sticky;
  top: 0;
}


div:nth-child(1) {
  background: #ff0000;
}


div:nth-child(2) {
  background: #00ff00;
}

div:nth-child(3) {
  background: #0000ff;
}

<div>1</div>
<div>2</div>
<div>3</div>