Scroll Sync

gistfile1.js

define("Network.scroll", ["jQuery", "Support.position-fixed", "Support.css-transform"], function(a, b, c) {
    function d() {
        k = j.outerHeight(), h.css({
            position: "static",
            width: ""
        }), h.css({
            width: function() {
                return h[0].getBoundingClientRect().width
            },
            left: h.offset().left,
            top: k
        })
    }

    function e(b) {
        b.preventDefault();
        var c = 0,
            d = f.scrollTop() + k,
            e = g.offset().top,
            j = d - e,
            l = g.outerHeight(),
            m = i.outerHeight(),
            n = l - m;
        if (!(m >= l)) {
            if (j > 0) {
                h.css({
                    position: "fixed"
                });
                var o = Math.min(100, 100 / (l - (f.height() - a(".footer").outerHeight() - parseInt(a(".page").css("padding-bottom")) - k)) * j);
                c = j - n * o / 100
            } else h.css({
                position: "static"
            });
            h.css({
                "-webkit-transform": "translateY(-" + c + "px) translateZ(1px)",
                "-moz-transform": "translateY(-" + c + "px) translateZ(1px)",
                "-ms-transform": "translateY(-" + c + "px)",
                "-o-transform": "translateY(-" + c + "px) translateZ(1px)",
                transform: "translateY(-" + c + "px) translateZ(1px)"
            })
        }
    }
    var f = a(window),
        g = a(".network__news").first(),
        h = a(".network__social").first(),
        i = h.find(".wall"),
        j = a(".header--bar"),
        k = 0;
    g.length && h.length && b && c && (d(), f.on("resize", function(a) {
        d(a), e(a)
    }), f.on("scroll", e))
})