Jquery Infinite scroll paging tutorial

 
$rssFeed = simplexml_load_file("http://www.iamrohit.in/feed/");
$page = (int)$_GET['page'];
?>


= $rssFeed->channel->item[$page]->title; ?> 
= implode(' ', array_slice(explode(' ', $rssFeed->channel->item[$page]->description), 0, 150)); ?>
= $rssFeed->channel->item[$page]->pubDate; ?>
 
 if($page<9) { ?>
 = $page+1 ?>" class="next">Next Post
 } ?>

= $rssFeed->channel->item[$page]->title; ?>

= implode(‘ ‘, array_slice(explode(‘ ‘, $rssFeed->channel->item[$page]->description), 0, 150)); ?>
= $rssFeed->channel->item[$page]->pubDate; ?>

” class=”next”>Next Post

Finally add jscroll lazy load function to configure infinite scrolling, In my tutorial paging will work on user action whenever user click on next post link, next post will be loaded.

<script>
 $(function(){
   $('#rss').jscroll({
    loadingHtml: ' Loading...',
     autoTrigger: false
   });
 });
script>

For making it action you need to add next page link under post. jscroll will automatically use this link as paging, so that when ever user requested for next post it’ll be loaded under div with scroll.

You can make it automatically just remove autoTrigger: false from jscroll function. Now user don’t need to click on link to load next post, when ever user scroll div next post will be loaded automatically.

Read official documentation of jscroll on http://jscroll.com/ to apply more customization.

If you are looking for php mysql based infinite scroll solution then here we have shared some popular GitHub repository which you can directly download and use in your web based projects.

PHP MySql Infinite Scroll

Following are the list of popular top rated hand picked PHP MySql Infinite Scroll.

• PHP-infinite-scrolling:- Infinite scrolling , if the end of the browser-page is reached , an AJAX call request more data from a Mysql database .
• infinite-scroll:- Infinite scroll with PHP,MySQL,AJAX
• Infinite-Scroll:- Demo implementasi infinite scroll dengan php, mysql dan jquery
• mysql_php_infinite_scroll:- Updated on 12 Mar
• ionic3-infinite-scroll:- Part 3: Ionic 3 with php-mysql-login-reg-create-delete and now infinite scroll
• infinite_scroll:- simple infinite scroll using PHP, Mysql & Jquery
• InfiniteSkills_Dynamic-Web-Design-with-PHP-and-MySQL:- Updated on 27 Dec 2018
• infinite-scroll:- Cara membuat infinite scroll menggunakan php,mysql dan jquery
• Infinite-Scrolling:- Infinite Scrolling – Using HTML, CSS, Vanilla JavaScript, Ajax, PHP, and MySQL
• photo-gallery:- Photo Gallery using MySQL, PHP, jQuery, Masonry, Infinite Scroll

I Hope you liked Hand-picked list of PHP MySql Infinite Scroll, Don’t forget to Subscribe My Public Notebook for more useful Hand-picked PHP and MySql code examples, tutorials and articles.

Related