Eksperimen menciptakan infinite scroll dengan JSON Blogger. Sebuah sistem yang akan memperbaharui jumlah item posting setiap kali pengguna mencapai batas selesai layar saat pengguna sedang menggulung halaman. Metode ini bahu-membahu sudah pernah Saya tuliskan di sini. Saya mengganti kondisional batas selesai yang tadinya berupa perbandingan antara tinggi kontainer dengan batas selesai gulungan area menyerupai ini:
container.onscroll = function() { if ((this.scrollTop + this.offsetHeight) == inner.offsetHeight) { myFunction(); } };Menjadi menurut perbandingan antara tinggi layar dengan batas selesai gulungan layar menyerupai ini:
window.onscroll = function() { if (navigator.userAgent.toLowerCase().indexOf("chrome") > -1 || navigator.userAgent.toLowerCase().indexOf("safari") > -1) { if (document.documentElement.scrollHeight == (document.body.scrollTop + document.documentElement.clientHeight)) { myFunction(); } } else { if (document.documentElement.scrollHeight == (document.documentElement.scrollTop + document.documentElement.clientHeight)) { myFunction(); } } };Selengkapnya mengenai cuilan aba-aba untuk mengecek batas selesai gulungan layar dapat Anda baca di sini.
Silakan dipelajari dan dimodifikasi sesuka hati Anda dengan mengikuti persetujuan yang Saya tuliskan di dalam aba-aba sumbernya. Eksperimen ini akan diperbaharui kalau memang ada yang perlu diperbaharui. Begitu.
Sumber https://www.dte.web.id/