Invinite Data using Scroll

Untuk catatan saya sendiri.. ini pemakaian dan ide dasar untuk invinite grid/data mengunakan jquery. mantap abis..

<script>
  var x=20;
  function simulasi_ajax(t) {
    if(t.scrollTop>=t.scrollHeight-100) {
      var s = "";
      for(i=x-19;i<=x;i++) s+=i+"<br>";
      x+=20;
      t.innerHTML+=s;
    }
  }
</script>
<div style="overflow-y:scroll;height:100px;border:1px solid #000;" onscroll="simulasi_ajax(this)">
  <script>
    for(i=1;i<=x;i++) document.write(i+"<br>");
    x+=20;
  </script>

langsung coba aja. dan pahami. ga usah tak jelasin yah.😀
terima kasih untuk sumbernya dari pak.boo😀

diskusiweb.com/discussion/43589/grid-invinite-bukan-pake-paging-menggunakan-jquery-gmna-ya-

One thought on “Invinite Data using Scroll

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s