A Pen by Chad Henderson.

index.haml

%html 
  %body
    .scrollcontainer
      .row1
        Header things
      .row2
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing nulla sapien, non lobortis turpis lobortis vitae. Nam porttitor consequat orci, ac ultricies lacus lobortis a. Proin eros sapien, sagittis ut sodales a, bibendum eu tellus. Morbi quam dolor, luctus et lorem quis, volutpat faucibus nulla. Sed sed ipsum purus. Sed eu egestas odio. Proin adipiscing vel felis sed laoreet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc imperdiet pretium enim. Curabitur suscipit pharetra ipsum, nec pharetra lacus fringilla et. Donec ac lectus ac mi malesuada convallis. Etiam ac ornare nisi, ac cursus turpis. Duis in massa tellus. Quisque sed mauris velit.

        Curabitur vulputate feugiat lectus eu tempor. Nunc pulvinar ullamcorper aliquam. Donec laoreet velit non dui vestibulum, et hendrerit orci fermentum. Phasellus dignissim egestas commodo. Vivamus ut bibendum felis. Vestibulum viverra commodo magna non lacinia. Aenean nec egestas nunc, viverra interdum dui. Nullam iaculis fermentum nisl eget sollicitudin. Proin nec augue et est rhoncus auctor sed ut quam. Mauris fringilla felis ut luctus vulputate. Donec tincidunt vel justo pulvinar facilisis. Phasellus id nisl at tellus mattis tempus nec a urna. Morbi aliquam dolor sed leo tincidunt, et ultricies nulla mollis. Suspendisse a imperdiet felis. Nam vel aliquet quam, rutrum faucibus ante. Mauris consectetur, purus at elementum blandit, odio sapien faucibus nisi, commodo euismod mauris elit eu elit.

oJAvF.markdown

oJAvF

A Pen by Chad Henderson on CodePen.

License.

style.scss

@import "compass/css3";
body{
  background: white;
  color: black;
}
.scrollcontainer{
  overflow:scroll;
}
.row1 {
  font-size: 1.2em;
  text-transform:uppercase;
  position:fixed;
  width:100%;
}
row2{
  width:100%;
  font-size:1em;
}