diff --git a/css/examples.css b/css/examples.css
index 0b738aa5..50b89fc7 100644
--- 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
index 55887faf..13decb69 100644
--- 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
index 29bb36c5..7db45609 100644
--- 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>