Progress on scroll zoom

This commit is contained in:
Max Lynch
2015-08-31 20:26:26 -05:00
parent 5897c296b8
commit 4e71e07b37
5 changed files with 72 additions and 4 deletions

View File

@@ -8,6 +8,14 @@ ion-scroll {
overflow-y: auto;
}
&[center] {
scroll-content {
display: flex;
align-items: center;
justify-content: center;
}
}
scroll-content {
position: absolute;
top: 0;

View File

@@ -7,6 +7,8 @@ import {Gesture} from '../../gestures/gesture';
import {CSS} from '../../util/dom';
import {Animation} from '../../animations/animation';
import * as util from 'ionic/util';
/**
* ion-scroll is a non-flexboxed scroll area that can
* scroll horizontally or vertically.
@@ -37,12 +39,15 @@ export class Scroll extends Ion {
onInit() {
this.scrollElement = this.getNativeElement().children[0];
if(this.zoom === "") {
if(util.isTrueProperty(this.zoom)) {
console.log('Zoom?', this.zoom);
this.initZoomScrolling();
}
}
initZoomScrolling() {
console.log('Init zoom');
this.zoomElement = this.scrollElement.children[0];
this.zoomElement && this.zoomElement.classList.add('ion-scroll-zoom');
@@ -64,13 +69,11 @@ export class Scroll extends Ion {
console.log('PINCH', e);
});
/*
this.zoomGesture.on('doubletap', (e) => {
this.zoomAnimation.to('scale', '3');
this.zoomAnimation.play();
//this.zoomElement.style[CSS.transform] = 'scale(3)';
});
*/
}
/**