JSFiddle - React, Tailwind, and code Playground

by luka kupunia

JavaScript

var kufuna_parallax = function() {
    if ($(window).innerWidth() > 1024) {
        var a = $('.img');
        var b = $(window).innerHeight();
        var c = $(window).scrollTop();
        var e = $('.img .inner-img');
        a.each(function(i) {
            var c = $(window).scrollTop();
            if ($(a[i]).offset().top - b < c) {
                $(a[i]).find('.inner-img').css({
                    transform: 'translateY(' + ((c - ($(a[i]).offset().top - b)) / 3) + 'px)'
                })
            }
        })
    } else {
        $('.img').find('.inner-img').css({
            transform: 'translateY(0)'
        })
    }
}
kufuna_parallax();
$(window).resize(kufuna_parallax);
$(window).scroll(kufuna_parallax);