feat(scroll): ion-scroll

This commit is contained in:
Max Lynch
2015-07-02 16:50:43 -05:00
parent e9e989ff49
commit c447282ce5
11 changed files with 147 additions and 21 deletions

View File

@@ -11,7 +11,7 @@ import {Ion} from '../ion';
@View({
template: `<div class="scroll-content"><content></content></div>`
})
export class Content extends Ion{
export class Content extends Ion {
constructor(elementRef: ElementRef) {
super(elementRef);

View File

@@ -11,5 +11,21 @@ $content-background-color: #fff !default;
}
ion-content {
position: relative;
display: block;
flex: 1;
background-color: $content-background-color;
.scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
}
}