Изменить изображение и текст на свитке (Javascript)

Question

У меня нет большого опыта в javascript, но я пытаюсь создать слайд-шоу, как в https://district2.studio/, где текст и изображение меняются при прокрутке. В этом примере независимо от того, сколько вы прокручиваете за раз или между анимацией изменения изображения, изображение будет меняться только один раз за раз. Я пытаюсь добиться этого, используя только javascript и без дополнительных плагинов или библиотек. Надеюсь, кто-нибудь может мне помочь.

Answer 1

У вас есть ошибки.

Прежде всего, вам нужно дождаться, когда DOM будет готов. Вы можете переместить его целиком до закрытия тега de body, чтобы убедиться в этом, или использовать window.onload

элементы класса prop это массив.

window.onload = function() {
    document.getElementById("image1").onscroll = function() {
        if(document.getElementById("image2").classList.contains("scroll")){
            document.getElementById("image2").classList.remove("scroll");
        } else {
            document.getElementById("image2").classList.add("scroll");
        }
    };
}

Что-то подобное должно работать