Postingan lainnya
Mendeteksi scroll sudah mentok JAVASCRIPT
Bagaimana membuat event pada javascript ketika mendeteksi scroll sudah mentok kebawah. contohnya kyk facebook pas udah di scroll mentok kebawah otomatis ngeload konten baru. JAVASCRIPT ilustrasinya seperti ini
if (scroll udah mentok ke bawah) {
lakukan sesuatu
}
intinya itu gmn caranya ngedeteksi kalo kondisinya itu terpenuhi trus langsung ke trigger eventnya.
8 Jawaban:
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
var scroll = document.body.scrollTop;
if (scroll > 600) {
//aksi
}
}
Tanggapan
ka Dodi Sitorus itu koding buat apa kak
Ini referensi nya gan..
https://www.w3schools.com/jsref/event_onscroll.asp
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!");
}
});
Gan dodi sitorus. Itu maksudnya 600 = 600 pixel kan. Gmn kalo pake vh atau g persen. Ada gk event yg deteksi langsung kalo scroll udah mentok
Biasanya height itu dalam pixel, witdh itu dalam persen guna untuk responsive untuk mobile phone..
Silahkan dimodifikasi gan didalam aksi kalau mau diubah ke persen, caranya.. silahkan baca dokumentasinya, jquery.. biar lebih paham gan.. itu tergantung kebutuhan agan
Atauu nggak tentuin terlebih dahulu height element atau body.. nahh setelah ituu aksi dalam fungsi scroll berjalan sesuai dengan height element atau body tadi.. kira2 begitu, saya pikir ini sudah menjawab gimana mendeteksi jika sudah mentok ke bawah..
Jawaban Terpilih
dah nemu
document.addEventListener('scroll', function (event) {
if (document.body.scrollHeight ==
document.body.scrollTop +
window.innerHeight) {
alert("Bottom!");
}
});
Iyaa dengan cara seprti itu juga bisaa, cuma yang itu digabungin.. Tapi tetap itu pixel hehehe.. Lanjut..
ka ini scroll page otomatis atau masih harus di clik ka ?