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.

avatar wandifrog
@wandifrog

274 Kontribusi 56 Poin

Diperbarui 4 tahun yang lalu

8 Jawaban:



  window.onscroll = function() {scrollFunction()};

  function scrollFunction() {
    var scroll = document.body.scrollTop;
    if (scroll > 600) {
      //aksi
    }
  }

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 6 tahun yang lalu

Tanggapan

ka Dodi Sitorus itu koding buat apa kak

Ini referensi nya gan..

https://www.w3schools.com/jsref/event_onscroll.asp

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 6 tahun yang lalu

 $(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});
avatar ikhsanfadillah
@ikhsanfadillah

11 Kontribusi 4 Poin

Dipost 6 tahun yang lalu

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

avatar wandifrog
@wandifrog

274 Kontribusi 56 Poin

Dipost 6 tahun yang lalu

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..

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

dah nemu


document.addEventListener('scroll', function (event) {
    if (document.body.scrollHeight ==
        document.body.scrollTop +
        window.innerHeight) {
        alert("Bottom!");
    }
});
avatar wandifrog
@wandifrog

274 Kontribusi 56 Poin

Dipost 6 tahun yang lalu

Iyaa dengan cara seprti itu juga bisaa, cuma yang itu digabungin.. Tapi tetap itu pixel hehehe.. Lanjut..

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 6 tahun yang lalu

ka ini scroll page otomatis atau masih harus di clik ka ?

avatar Teddy13
@Teddy13

13 Kontribusi 0 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban