Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Example of Overscroll
<!DOCTYPE html>
<meta charset="utf-8">
<title>Sticky Footer Example</title>
* {
margin: 0;
html {
font-family: sans-serif;
body {
height: 100%;
.page-wrap {
min-height: 100%;
margin-bottom: -30px;
background-color: white;
text-align: center;
.page-wrap::after {
content: '';
display: block;
header {
background-color: #373737;
header h1 {
margin: 0 auto;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
color: white;
footer {
height: 30px;
text-align: center;
background-color: #373737;
footer p {
padding: 5px;
color: white;
/* The background stuff */
html {
background-color: #373737;
<div class="page-wrap">
<h1>This site is for testing!</h1>
<p>Please enjoy the test.</p>
<p>No Copyright...cause that's cool.</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.