Window.addEventListener('scroll', function() {

Я работаю над фронт-эндом с помощью Django WebFramework и PyCham, но бесконечная прокрутка не применяется должным образом

Это страница, которая получает и отображает публичные данные API.

Даже если свиток прилип к полу, большее количество содержимого не выходит.

мои html шаблоны

мой css

.content_container {
    border-top: 3px solid black;
    padding-top: 20px;
    height: 100%;
}

.content_container:nth-child(2n) {
    background-color: #ff000020;
}

мои javascripts

var count = 2;
window.addEventListener('scroll', function() {
    if((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
        var toAdd = document.createElement("div");
        toAdd.classList.add("content_wrap")
        toAdd.textContent = `${++count}번째 블록`;
        document.querySelector('.content_container').appendChild(toAdd)
    }
});

var count = 2;
window.addEventListener('scroll', function() {
    if((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
        var toAdd = document.createElement("div");
        toAdd.classList.add("content_wrap")
        toAdd.textContent = `${++count}번째 블록`;
        document.querySelector('.content_container').appendChild(toAdd)
    }
});

в консольном журнале проверьте его количество
максимум 3 возврат

Вернуться на верх