parallax

parallax

var parallax = function() {
    $(window).on('scroll', function() {
        var st = $(window).scrollTop();
        $('.js-parallax-container').each(function() {
            var containerOffset = $(this).offset(),
                containerOffsetTop = containerOffset.top,
                containerHeight = $(this).outerHeight();
                scrollTop = (st - containerOffsetTop) + (containerHeight/4); // ставим точку отсчета паралакса от середины контейнера
            $('.js-parallax', this).each(function() {
                var speed = 10,
                    reverse = $(this).data('reverse'),
                    shift = scrollTop / speed;
                if ($(this).data('reverse') === true) shift = -shift;
                $(this).css({
                    "transform": "translate(0%, " + shift + "%"
                })
            });
        })

    });
}

 $(function() {

     parallax()

 });