Position

<h1>Seasons</h1>
<div class="wrapper">
  <div>
    <div class="title">
      Summer
    </div>
    <div class="desc">
      Summer is the hottest of the four temperate seasons, falling after spring and before autumn. At or around the summer solstice, the earliest sunrise and latest sunset occurs, the days are longest and the nights are shortest.
    </div>
  </div>
  <div>
    <div class="title">
      Winter
    </div>
    <div class="desc">
      Winter is the coldest season of the year in polar and temperate zones; it does not occur in most of the tropical zone. It occurs after autumn and before spring in each year.
    </div>
  </div>
</div>

.wrapper {
  width: 300px;
  min-height: 200vh;
}
.title {
  padding: 15px;
  background-color: indigo;
  color: white;
  font-size: 1.1rem;
}
.desc {
  padding: 15px;
  font-size: 1rem;
}


.wrapper {
  width: 300px;
  min-height: 200vh;
}
.title {
  padding: 15px;
  background-color: indigo;
  color: white;
  font-size: 1.1rem;
  position: sticky;
  top: 0px;
}
.desc {
  padding: 15px;
  font-size: 1rem;
}
