Menu
PHP BABA LOGO
  • Home
  • Interview Questions
    • PHP String Interview Question
    • PHP Array Interview Qutions
    • jQuery Interview Quetions
    • PHP Interviwe Question on php.ini file
    • htaccess File Interview Quetions
  • About
PHP BABA LOGO

Lazy loader/Infinite Scroll Pagination Using Laravel & jScroll – Laraget

Posted on July 20, 2019July 11, 2020

Instead of having to click a link to get to the next set of content, infinite scrolling (also known as lazy loading, endless scrolling, autopager, endless pages, etc.) pulls the next content automatically into view when the reader approaches the bottom of the page.

If you want to implement infinite scroll pagination using Laravel, get the jScroll (a jQuery plugin written by Philip Klauzinski) include in page.

Add this code in your page

 

<\script type=”text/javascript”>
// jquery.jscroll.js using for auto scroll
$(‘ul.pagination’).hide();
$(function() {
$(‘.infinite-scroll’).jscroll({
autoTrigger: true,
autoTriggerUntil: false,
loadingHtml: ‘<img class=”center-block” src=”‘+base_url+’/img/loading.gif” alt=”Loading…” />’,
padding: 0,
nextSelector: ‘.pagination li.active + li a’,
contentSelector: ‘div.infinite-scroll’,
callback: function() {
$(‘ul.pagination’).remove();
}
});
});
<\/script>

Also apply “infinite-scroll” class on the foreach loop

<\div class=”infinite-scroll”>
@foreach ($products as $item)
— —

@endofrech
<\/div>”

 

 

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Categories

  • Docker
  • Git
  • Interview Questions
  • Laravel
  • Linux
  • php
  • Salesforce

Recent Posts

  • Batch Class in Salesforce
  • Platform Developer I Certification Maintenance (Winter ’24) Get Hands-on with Bind Variables in a SOQL Query
  • How to check Salesforce current release version
  • Salesforce Certification Coupons / Vouchers
  • Nested / Cascade query in SOQL

Recent Posts

  • Batch Class in Salesforce January 25, 2024
  • Platform Developer I Certification Maintenance (Winter ’24) Get Hands-on with Bind Variables in a SOQL Query December 19, 2023
  • How to check Salesforce current release version January 12, 2023
  • Salesforce Certification Coupons / Vouchers July 19, 2022
  • Nested / Cascade query in SOQL May 11, 2022
©2025 The Tech Paper | Powered by Abhinav Trivedi