Ghost blog infinite scroll

Just an infinite scroll for ghost blog using jquery

Open your default.hbs and before </body> put the code:

    <script>
    var max_pages = parseInt('{{pagination.pages}}');
    </script>

Now create an archive named infinitescroll.js in your assets folder. open it and put the code:

$().ready(function(){
    var page = 2;
	var url_blog = window.location;
	$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       $.get((url_blog +'/page/'+page),
  function(content) {
        if(page <= max_pages){
        $('.content').append($(content).children(".post"));
        page = page + 1;
    }
});
   }
 });
});

Open the default.hbs again and import the infinitescroll.js

<script type="text/javascript" src="{{asset "js/infinitescroll.js"}}"></script>

my facebook for any questions: https://www.facebook.com/profile.php?id=100007972269711

or my g+: https://plus.google.com/113913189482409702580

JakeHP/ghost-blog-infinite-scroll

Ghost blog infinite scroll