Sites

$(function () {
        var mobileSwiper;
        var desktopSwiper;
        var options = {
            direction: 'vertical',
            slidesPerView: 'auto',
            freeMode: true,
            scrollbar: {
                el: '.swiper-scrollbar',
            },
            mousewheel: true,
        };

        $('.js-desktop-slider img').on('load', function () {
            desktopSwiper = new Swiper('.js-desktop-slider', options);

            desktopSwiper.on('scroll', function () {
                var translateValue = this.getTranslate();
                var heightDesktopSlider = $('.js-desktop-slider .b-screens__img').outerHeight(true),
                    heightMobileSlider = $('.js-mobile-slider .b-screens__img').outerHeight(true);
                var calculateTranslateValue = heightMobileSlider / heightDesktopSlider * translateValue;
                mobileSwiper.setTranslate(calculateTranslateValue);
            });
        });

        $('.js-mobile-slider img').on('load', function () {
            mobileSwiper = new Swiper('.js-mobile-slider', options);

            mobileSwiper.on('scroll', function () {
                var translateValue = this.getTranslate();
                var heightDesktopSlider = $('.js-desktop-slider .b-screens__img').outerHeight(true),
                    heightMobileSlider = $('.js-mobile-slider .b-screens__img').outerHeight(true);
                var calculateTranslateValue = heightDesktopSlider / heightMobileSlider * translateValue;
                desktopSwiper.setTranslate(calculateTranslateValue);
            });
        });
    });