mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 04:53:58 +08:00
feat(ion-content): iOS only scroll bounce
This commit is contained in:

committed by
Adam Bradley

parent
d458b1ec90
commit
5c804450c4
@ -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>
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user