<html>
  <body>
    <section id="section-one">
      <h1>This is a heading</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis dolor nibh. Ut egestas eleifend metus, sed ullamcorper purus dictum nec. Praesent ultrices ligula dui, quis porttitor felis sollicitudin condimentum. Mauris non massa a sapien porta convallis non elementum dui. Aenean urna neque, tempus vel ante a, sagittis imperdiet dolor. Suspendisse dictum rutrum velit, sed fermentum nisl mattis a. Nunc et enim rutrum, dictum felis eget, hendrerit tellus.</p>
    </section>
    <section id="section-two">
      <h1>This is a heading</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis dolor nibh. Ut egestas eleifend metus, sed ullamcorper purus dictum nec. Praesent ultrices ligula dui, quis porttitor felis sollicitudin condimentum. Mauris non massa a sapien porta convallis non elementum dui. Aenean urna neque, tempus vel ante a, sagittis imperdiet dolor. Suspendisse dictum rutrum velit, sed fermentum nisl mattis a. Nunc et enim rutrum, dictum felis eget, hendrerit tellus.</p>
    </section>
    <section id="section-three">
      <h1>This is a heading</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis dolor nibh. Ut egestas eleifend metus, sed ullamcorper purus dictum nec. Praesent ultrices ligula dui, quis porttitor felis sollicitudin condimentum. Mauris non massa a sapien porta convallis non elementum dui. Aenean urna neque, tempus vel ante a, sagittis imperdiet dolor. Suspendisse dictum rutrum velit, sed fermentum nisl mattis a. Nunc et enim rutrum, dictum felis eget, hendrerit tellus.</p>
    </section>
  </body>
</html>
html, body {
  margin: 0;
  padding: 0;
}
h1 {
  font-family: 'Arial', serif;
  font-size:3em;
}
p {
  font-family: 'Arial', serif;
  font-size:1.5em;
  line-height:1.35;
}
section {
  position:sticky;
  position:-webkit-sticky;
  top: 0;
  padding:30px;
  min-height:50vh;
}
#section-one {
  background-color: #B6FFCD;
}
#section-two {
  background-color: #FB5435;
}
#section-three {
  background-color: #FFDBFF;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.