Skip to content

Instantly share code, notes, and snippets.



Created Apr 16, 2019
What would you like to do?
<html reftest-async-scroll>
body {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
.header {
background-color: white;
flex: none;
.content {
flex: auto;
overflow-y: scroll;
.inner-content {
height: 2000px;
.shadowy {
text-shadow: 0px 0px 1px green;
<div class="header"> Wow, This is a Great Header! </div>
<div class="content" reftest-async-scroll-y="75">
<div class="inner-content">
<p>Wow, This is Great Content!</p>
<p class="shadowy">Wow, This is Great Shadowy Content!</p>
<p>Wow, This is Great Visible Content!</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment