Commit 76226d3

@@ -4,7 +4,7 @@ export default Ember.ArrayController.extend({
   page: 1,
   perPage: 18,
   actions: {
-    nextPage: function(){
+    more: function(){
       this.set('perPage', this.get('perPage') + 18);
       var that = this;
       this.store.find('cake', { page: 1, per_page: this.get('perPage') }).then(function(cakes){

@@ -8,5 +8,3 @@
   {{/each}}
 </div>
 {{outlet}}
-
-<button {{action 'nextPage'}}>More...</button>

@@ -0,0 +1,26 @@
+import Ember from 'ember';
+
+export default Ember.View.extend({
+  didInsertElement: function(){
+    var view = this;
+    Ember.$(window).bind('scroll', function(){
+      view.didScroll();
+    });
+  },
+
+  willDestroyElement: function(){
+    Ember.$(window).unbind('scroll');
+  },
+
+  didScroll: function(){
+    if(this.isScrolledToBottom()) {
+      this.get('controller').send('more');
+    }
+  },
+
+  isScrolledToBottom: function() {
+    var distanceToTop = Ember.$(document).height() - Ember.$(window).height();
+    var top = Ember.$(document).scrollTop();
+    return top === distanceToTop;
+  }
+});

@@ -0,0 +1,12 @@
+import {
+  moduleFor,
+  test
+} from 'ember-qunit';
+
+moduleFor('view:cakes/index', 'CakesIndexView');
+
+// Replace this with your real tests.
+test('it exists', function() {
+  var view = this.subject();
+  ok(view);
+});