Extended demo

TrySound · Feb 19, 2015 · 54a4c71 · 54a4c71
1 parent 832568b
commit 54a4c71
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -20,7 +20,7 @@
 
 .ribbon {
 	font-size: 1rem;
-	z-index: 1000;
+	z-index: 2000;
 	background-color: #2E2418;
 	overflow: hidden;
 	white-space: nowrap;
@@ -62,9 +62,11 @@
 }
 
 section {
+	position: relative;
 	box-sizing: border-box;
 	font: bold 1em sans-serif;
 	text-align: center;
+	z-index: 100;
 }
 
 section span {
@@ -96,7 +98,7 @@
 
 .main-nav {
 	position: fixed;
-	z-index: 20;
+	z-index: 1000;
 	background: rgba(230, 180, 120, .9);
 	width: 100%;
 }
@@ -136,16 +138,21 @@
 		</ul>
 	</nav>
 
+	<section style="background: #0f0; position:fixed; top: 0; left: 0; width: 100%; height: 100%;"
+		data-anchor-target="#second"
+		data-bottom-bottom="transform: translateY(0%);"
+		data-top-bottom="transform: translateY(-100%);"
+	>
+		<span>2</span>
+	</section>
 
 	<main id="skrollr-body">
 
 		<section class="skrollr-deck">
 			<span>1</span>
 		</section>
 
-		<section class="skrollr-deck">
-			<span>2</span>
-		</section>
+		<section class="skrollr-deck" id="second" style="z-index: 20;"></section>
 
 		<section class="skrollr-deck" style="color: #fff;">
 			<br>