Infinite Scroll Sorunsalı - PROTOTURK

Infinite Scroll Sorunsalı

jct 1203 gün önce

521 defa görüntülendi

Tam sayfa Scroll'da sorun yok ancak, sayfa içerisindeki bir div'de Scroll'un sona geldiğini nasıl yakalarım

jquery

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

ebykdrms

1203 gün önce

<div id="infinite-scroll">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

#infinite-scroll { width: 400px; height:400px; padding:5px; overflow-y: scroll;}
.item { margin:5px; height:150px; background-color: #ccc; }

const $scrollView = document.getElementById("infinite-scroll");
$scrollView.addEventListener("scroll", function (e) {
    const scrollTop = e.target.scrollTop;
    const contentHeight = e.target.scrollHeight - e.target.offsetHeight;
    if (contentHeight <= scrollTop) {
        alert("son!")
    }
})

#011037

jct

1203 gün önce

@ebykdrms tşk.ler

#011038