Skip to content

Commit 5c80445

Browse files
manucorporatadamdbradley
authored andcommitted
feat(ion-content): iOS only scroll bounce
1 parent d458b1e commit 5c80445

File tree

2 files changed

+25
-1
lines changed

2 files changed

+25
-1
lines changed

src/components/button/test/basic/main.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
</ion-header>
88

99

10-
<ion-content padding style="text-align:center">
10+
<ion-content padding style="text-align:center" no-bounce>
1111

1212
<p>
1313
<button><span>Default</span></button>

src/components/content/content.ios.scss

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,3 +45,27 @@ ion-page.show-page ~ .nav-decor {
4545
// --------------------------------------------------
4646

4747
@include content-margin($content-ios-margin);
48+
49+
50+
// iOS Content Scroll
51+
// --------------------------------------------------
52+
53+
ion-content:not([no-bounce]) > scroll-content {
54+
&::before,
55+
&::after {
56+
position: absolute;
57+
58+
width: 1px;
59+
height: 1px;
60+
61+
content: "";
62+
}
63+
64+
&::before {
65+
bottom: -1px;
66+
}
67+
68+
&::after {
69+
top: -1px;
70+
}
71+
}

0 commit comments

Comments
 (0)