So far I have finished the Clickable Infinite Load Post code. I will be working on the scrollable now. So please enjoy this as this has taken me some thinking of how to go about all of this


Create a new Javascript page and mark it In The Topics.

Code:


$(function() {
//Copyright 2013 EasyBB Tutorals Dot Com
//Any reference to this code, you must keep the copyright in tact. 
//EasyBB (C) 2013
 if(!/p\d+/.test(window.location.pathname)) {
var main =$('.post').last(),
infiniBody= '<div class="newInfini"></div>';
main.after(infiniBody);
var infini =$('.newInfini');
newInfiniHTML = '<center><span>Show More Post</span></center>',
noInfiniHTML ='<center><span>No More Post</span></center>',
hrefArray = [],//array global
pager = $('.paging'),
hrefs = $('.paging').first().find('a[href*="/t"]'),
imgUrl = "http://i79.servimg.com/u/f79/17/83/35/07/loadin10.gif";
for(var i=0;i<hrefs.length;i++) {
 var hreflink = $(hrefs[i]).attr('href');
  hrefArray.push(hreflink);
}
if(hrefArray.length  == 0) {
   infini.html(noInfiniHTML);
  } else {
   infini.html(newInfiniHTML);
}
hrefArray.pop();
var hrefLength = hrefArray.length,
imgS = $('.loadingImg');

   function infiniteScroll(){
           var url = hrefArray.shift();
                 setTimeout(function() {
                            imgS.remove();
                            infini.load(url+" .post",function() {
                            infini.removeClass('newInfini').addClass('oldInfini');
                            hrefLength = hrefArray.length;
                            main=$('.post').last();
                            main.after(infiniBody);
                            infini =$('.newInfini');
                             if(hrefArray.length == 0) {
                                 infini.html(noInfiniHTML);
                               } else {
                                 infini.html(newInfiniHTML);
                             }
                            });
                     },1500);
                   }

  $(document).on('click',infini,function() {
     if(hrefArray.length > 0) {
   infini.html('<center><img  class="loadingImg" src="'+imgUrl+'"/></center>');
   infiniteScroll();
}

   });
    } else {
       if(pager !== undefined) {pager.show();}
       }
});


CSS needed to keep it clean

Code:

.paging{display:none}

This may not be usable for each forum, if it doesn't work for your forum please let me know. And I will change the code accordingly.