Workaround for the pinned-element-scroll-trap

For Details see here: #34
janpaepke · Mar 25, 2014 · 22d8ca1 · 22d8ca1
1 parent 2187c12
commit 22d8ca1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/css/examples.css b/css/examples.css
@@ -755,6 +755,13 @@ a.viewsource:before {
 	margin-top: 20px;
 }
 
+.disablePointerEvents {
+	pointer-events: none;
+}
+.disablePointerEvents a {
+	pointer-events: auto;
+}
+
 /*
 
 Codehighlighting

diff --git a/examples/advanced/custom_containers.html b/examples/advanced/custom_containers.html
@@ -39,7 +39,7 @@ <h2>One page can have multiple scroll containers.</h2>
 					<section class="demo">
 						<div class="spacer s2"></div>
 						<div class="spacer s0" id="trigger1"></div>
-						<div class="animated box1 red">
+						<div class="animated box1 red disablePointerEvents">
 							<p>Wait for green.</p>
 							<a href="#" class="viewsource">view source</a>
 						</div>
@@ -68,7 +68,7 @@ <h2>One page can have multiple scroll containers.</h2>
 					<section class="demo">
 						<div class="spacer s4"></div>
 						<div class="spacer s0" id="trigger2"></div>
-						<div class="animated box1 red">
+						<div class="animated box1 red disablePointerEvents">
 							<p>Wait for green.</p>
 							<a href="#" class="viewsource">view source</a>
 						</div>

diff --git a/examples/expert/mobile_advanced.html b/examples/expert/mobile_advanced.html
@@ -40,7 +40,7 @@ <h2>Pure mobile magic.</h2>
 				<section class="demo">
 					<div class="spacer s2"></div>
 					<div class="spacer s0" id="trigger"></div>
-					<div id="mobileadvanced" class="box1 blue">
+					<div id="mobileadvanced" class="box1 blue disablePointerEvents">
 						<p>What's the Point?</p>
 						<a href="#" class="viewsource">view source</a>
 					</div>