From 5c804450c40d94e81194851db367c17c8ba04c6a Mon Sep 17 00:00:00 2001
From: "Manu Mtz.-Almeida" <manu.valladolid@gmail.com>
Date: Tue, 28 Jun 2016 05:26:48 +0200
Subject: [PATCH] feat(ion-content): iOS only scroll bounce

---
 src/components/button/test/basic/main.html |  2 +-
 src/components/content/content.ios.scss    | 24 ++++++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/components/button/test/basic/main.html b/src/components/button/test/basic/main.html
index 022cd4a8198..fe7ea3b8659 100644
--- a/src/components/button/test/basic/main.html
+++ b/src/components/button/test/basic/main.html
@@ -7,7 +7,7 @@
 </ion-header>
 
 
-<ion-content padding style="text-align:center">
+<ion-content padding style="text-align:center" no-bounce>
 
   <p>
     <button><span>Default</span></button>
diff --git a/src/components/content/content.ios.scss b/src/components/content/content.ios.scss
index f7eb50b1c21..fda6490032e 100644
--- a/src/components/content/content.ios.scss
+++ b/src/components/content/content.ios.scss
@@ -45,3 +45,27 @@ ion-page.show-page ~ .nav-decor {
 // --------------------------------------------------
 
 @include content-margin($content-ios-margin);
+
+
+// iOS Content Scroll
+// --------------------------------------------------
+
+ion-content:not([no-bounce]) > scroll-content {
+  &::before,
+  &::after {
+    position: absolute;
+
+    width: 1px;
+    height: 1px;
+
+    content: "";
+  }
+
+  &::before {
+    bottom: -1px;
+  }
+
+  &::after {
+    top: -1px;
+  }
+}