如何在codeigniter中将分页更改为无限滚动

我想将此分页页面更改为无限滚动。 我正在使用codeigniter。 我已经搜索过jquery和ajax，但我真的不明白如何在我的代码中实现它。 所以请帮我编辑我的分页代码到无限滚动。 。 。 我好几天都在挣扎。 如果你能帮助我，我将非常感激。 谢谢 ：）

HomeController.php

public function list_voucher($page=NULL, $orderBy=NULL) { if($this->session->userdata('logged_in')) { $session_data = $this->session->userdata('logged_in'); $data['nama'] = $session_data['nama']; $data['id'] = $session_data['id_user']; $data['tipeUser'] = $session_data['tipe_user']; } else{ $data['nama'] = ""; $data['id'] = "0"; $data['tipeUser']=""; } $data['url_image'] = $this->imageUrl; $data['notif'] = ''; $config['base_url'] = base_url().'/home_controller/list_voucher/'; $data['jmlh_rows'] = $this->voucher->getAllDeals(); $total_row = $data['jmlh_rows']->num_rows(); $config["total_rows"] = $total_row; $config["per_page"] = 8; $config['cur_tag_open'] = ' '; $config['cur_tag_close'] = ''; $config['next_link'] = 'Next'; $config['prev_link'] = 'Previous'; $this->pagination->initialize($config); $str_links = $this->pagination->create_links(); $data["links"] = explode(' ',$str_links ); $data['dataAllDeals'] = $this->voucher->getAllDealsPerPage($config["per_page"], $page, $orderBy); $data['no']=$this->uri->segment(3); $data['data_kategori'] = $this->jenismakanan->Getjenismakanan(); $this->load->view('listalldeals', $data); } 

视图

     <link href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />  <script src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/jquery.min.js">   <link href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/css/style.css" rel="stylesheet" type="text/css" media="all" />      addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }      <script type="text/javascript" src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/move-top.js"> <script type="text/javascript" src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/easing.js">  jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); });  <link href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/css/index.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/css/imgslider.css" type="text/css" media="screen" /> <script src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/slideout.min.js"> <script src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/jquery.wmuSlider.js"> <script src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/jquery.wmuGallery.js">     
  
 
  
 
  
 
  
 
 <input type="text" id= "input-keyword" name="input-keyword" placeholder="Search ..." value="" >  
 
 
 
 
 
  
 
  
 
 
List All Vouchers
 
 num_rows()>0) { $j=0; $f=$no; foreach ($dataAllDeals->result() as $rowAllDeals){ $j++; if($j%5==0 || $j==1){ ?>  
 <a href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/home_controller/Details/id_restoran;?>" ><img src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/restaurant/id_restoran;?>/deals/gambar_voucher;?>" class="img-responsive-search" alt="">   
. nama_restoran?>
 
Valid until : masa_berlaku); echo date_format($date, "dMY"); ?>
  sisa_voucher > 0) { ?> 
AVAILABLE (sisa_voucher. ' Voucher'?> from jumlah_voucher. ' Voucher'?>)
  
NOT AVAILABLE 
   
 sisa_voucher > 0) { ?> <a href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/home_controller/GetVoucher/id_voucher;?>" class="btn btn-success">Get Voucher
  <a href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/home_controller/GetVoucher/id_voucher;?>" disabled class="btn btn-success">Get Voucher