feat(ion-content): iOS only scroll bounce

ionic-team · Jun 28, 2016 · 5c80445 · 5c80445
1 parent d458b1e
commit 5c80445
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git 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
@@ -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;
+  }
+}