Play with Parallax #parallax #js $jq #animation

parallax-playground.js

const main = {};
const updateScroll = () => {
    main.winScroll = $(window).scrollTop();
};
const parallaxLoad = () => {
    const $someEl = $('.someEl');
    $someEl.each((i,el) => {
        let $el = $(el);
        main.someEl[i] = $el;
    });
}
const parallaxScroll = () => {
    $.each(main.someEl, (i,$el) => { 
        $el.imgPos = (main.winScroll - $el.offset().top) / 20;
        $el.css('transform', 'translateY(' + $el.imgPos + '%)');
    });
}

// Compile
const load = () => {
    parallaxLoad();
}
const scroll = () => {
    updateScroll();
    parallaxScroll();
}

// Events
$(window).scroll(() => {
    scroll();
});

load();