как использовать прокрутку, когда я изменяю размер окна

Question

Я хочу использовать изображения scoll или div, когда я изменял размер окна, но на самом деле это не работает.единственная часть scoll работает, когда я пишу это отдельно.Кто-нибудь здесь, чтобы помочь?

$(window).resize(function() {
       if ($(window).width() >= 767) {
         $(window).scroll(function() {

           $(".careers-philosophy__image").css({
             "bottom": ($(window).scrollTop()/15) + "px"
           });

           $(".careers-philosophy__image2").css({
             "bottom": ($(window).scrollTop()/25) + "px"
           });

           $(".carrer-block").css({
             "bottom": ($(window).scrollTop()/10) + "px"
           });

           $(".fast").css({
             "bottom": ($(window).scrollTop()/5) + "px"
           });

         });
       }
    });

Answer 1

Не следует указывать $(window).scroll() в обработчике событий, поскольку он сам по себе является регистрацией событий.

Если вам нужно, чтобы обработчик был запущен как resize, так и scroll, вы можете написатьэто так:

function handler(){
    if ($(window).width() >= 767) {
        $(".careers-philosophy__image").css({
            "bottom": ($(window).scrollTop() / 15) + "px"
        });

        $(".careers-philosophy__image2").css({
            "bottom": ($(window).scrollTop() / 25) + "px"
        });

        $(".carrer-block").css({
            "bottom": ($(window).scrollTop() / 10) + "px"
        });

        $(".fast").css({
            "bottom": ($(window).scrollTop() / 5) + "px"
        });
    }
}

$(window).resize(handler);
$(window).scroll(handler);