Как сделать что бы при прокрутке body, менялись слайды Jquery?

Question

[Вика Мармеладка]

У меня есть текст который уходит в сторону и за ним появляется следующий при прокрутке. Все работает как мне нужно, вот только прокрутка работает только наведя мышь на сам текст и после его прокручивать. Наведя на иную область страницы перелистывание не работает.

function topSlider() {
        $('.slide:first-child').addClass('show');
        $('.body-start-page').addClass('blocked');
        var sliderLength = $('.slide').length;

        $('.slide').each(function (event) {
            $(this).mousewheel(function () {
                $(this).removeClass('show');
                $(this).next().addClass('show animate__animated animate__fadeInRight');
                if (sliderLength - 1 == event) {
                    $(this).addClass('show');
                    $('.body-start-page').removeClass('blocked');
                };
            });
        });
    }