set up endless scroll successfully

KelseyDH · Feb 2, 2015 · 554538f · BenMorganIO · Feb 2, 2015 · KelseyDH
1 parent b46a95e
commit 554538f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
@@ -14,3 +14,16 @@
 //= require jquery_ujs
 //= require turbolinks
 //= require_tree .
+
+$(document).ready(function() {
+    if ($('.pagination').length) {
+      $(window).scroll(function() {
+        var url = $('.pagination .next_page').attr('href');
+        if (url && $(window).scrollTop() > $(document).height() - $(window).height() - 50) {
+          $('.pagination').text("Please Wait...");
+          return $.getScript(url);
+        }
+      });
+      return $(window).scroll();
+    }
+});
diff --git a/app/views/posts/index.js.erb b/app/views/posts/index.js.erb
@@ -0,0 +1,2 @@
+$('#posts').append('<%= escape_javascript render(@posts) %>');
+$('.pagination').replaceWith('<%= escape_javascript will_paginate(@posts) %>');
diff --git a/db/seeds.rb b/db/seeds.rb
@@ -6,7 +6,7 @@
 #   cities = City.create([{ name: 'Chicago' }, { name: 'Copenhagen' }])
 #   Mayor.create(name: 'Emanuel', city: cities.first)
 #
-(1..100).each do |i|
+(1..10000).each do |i|
   Post.create!(title: "Lipsum Post #{i}", body: %{
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. In feugiat purus dapibus fermentum sagittis. Fusce in tempus felis. Phasellus a erat ut lorem lacinia bibendum. Vivamus viverra facilisis neque, in scelerisque urna pharetra vel. Donec a est mauris. Integer eget metus quis eros egestas elementum. Integer bibendum risus hendrerit dapibus tempor. Fusce placerat in orci vitae tincidunt.
   })
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		$('#posts').append('<%= escape_javascript render(@posts) %>');
		$('.pagination').replaceWith('<%= escape_javascript will_paginate(@posts) %>');