diff --git a/ionic/components/app/test/profile/index.js b/ionic/components/app/test/profile/index.js
index c91a51a9fe..eeff1616c3 100644
--- a/ionic/components/app/test/profile/index.js
+++ b/ionic/components/app/test/profile/index.js
@@ -7,6 +7,7 @@ import {FormBuilder, Control, ControlGroup, Validators, formDirectives} from 'an
 import {Modal, ModalRef, Nav, Segment, Animation,
   SegmentButton, Slides, Slide, Content, Button, List, Item} from 'ionic/ionic';
 import {NavController, NavbarTemplate, NavParams, Navbar} from 'ionic/ionic';
+import {dom} from 'ionic/util';
 
 @Component({ selector: 'ion-app' })
 @View({
@@ -40,11 +41,19 @@ export class ParallaxEffect {
     this.domElement = elementRef.domElement;
     this.scroller = this.domElement.querySelector('.scroll-content');
     this.scroller.addEventListener('scroll', (e) => {
-      this.counter.innerHTML = e.target.scrollTop;
+      //this.counter.innerHTML = e.target.scrollTop;
+      dom.raf(() => {
+        this.parallax.style[dom.CSS.transform] = 'translateY(' + -Math.min(300, (e.target.scrollTop / 4)) + 'px) scale(1)';
+
+        if(e.target.scrollTop < 0) {
+          this.parallax.style[dom.CSS.transform] = 'translateY(0) scale(' + (1 + Math.abs(e.target.scrollTop / 500)) + ')';
+        }
+      })
+
     });
 
     setTimeout(() => {
-      console.log('Watching', this.parallax, this.counter);
+      console.log('Watching', this.target, this.counter);
     })
   }
 }
diff --git a/ionic/components/app/test/profile/main.html b/ionic/components/app/test/profile/main.html
index dcc2a1e781..182a771708 100644
--- a/ionic/components/app/test/profile/main.html
+++ b/ionic/components/app/test/profile/main.html
@@ -3,14 +3,14 @@
     <div id="face">
     </div>
   </div>
-  <ion-content [parallax]="profile" [counter]="counter">
+  <ion-content [parallax]="profile"><!-- [counter]="counter">-->
     <ion-list inset>
       <ion-item *ng-for="#item of items">
         {{item.title}}
       </ion-item>
     </ion-list>
   </ion-content>
-  <div id="counter" #counter></div>
+  <!--<div id="counter" #counter></div>-->
 </ion-view>
 
 
@@ -28,7 +28,7 @@
 #profile {
   position: absolute;
   top: 0;
-  height: 250px;
+  height: 300px;
   width: 100%;
   background: url('http://ionic-io-assets.s3.amazonaws.com/demos/bus.jpg') no-repeat transparent;
   background-size: cover;
@@ -48,6 +48,6 @@ ion-content {
   background: transparent !important;
 }
 .scroll-content {
-  padding-top: 250px;
+  padding-top: 300px;
 }
 </style>