iezer

diff --git a/app/templates/application.hbs b/app/templates/application.hbs
index c955688..65378e4 100644
--- a/app/templates/application.hbs
+++ b/app/templates/application.hbs
@@ -23,6 +23,11 @@
     */
    -webkit-overflow-scrolling: touch;
  }
+
+ .liquid-container, .liquid-child {

iezer

diff --git a/app/templates/application.hbs b/app/templates/application.hbs
index c955688..25d61e4 100644
--- a/app/templates/application.hbs
+++ b/app/templates/application.hbs
@@ -23,6 +23,16 @@
     */
    -webkit-overflow-scrolling: touch;
  }
+
+ /* This was a bit of a gotcha and is required to make fly-to animations

iezer

diff --git a/app/templates/index.hbs b/app/templates/index.hbs
index 5862b96..9e10895 100644
--- a/app/templates/index.hbs
+++ b/app/templates/index.hbs
@@ -15,7 +15,7 @@
  }
 </style>
 
-<div class='index__scroll-container'>
+{{#memory-scroll class='index__scroll-container' key='index-items'}}

iezer

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

iezer

import Ember from 'ember';

let duration = 400;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  animationRules
});

function animationRules() {

iezer

import Ember from 'ember';


let duration = 400;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  animationRules

});

iezer

import Ember from 'ember';


let duration = 400;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  animationRules: animationRules

});

iezer

import Ember from 'ember';

let duration = 400;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  animationRules: animationRules
});

iezer

import Ember from 'ember';


let duration = 400;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  animationRules: animationRules

});

iezer

import Ember from 'ember';

let duration = 400;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  animationRules: animationRules
});

function animationRules() {