function setHeaderForScroll()

in website/content/js/usergrid-site.js [20:44]


function setHeaderForScroll(scrollTop) {
  if ( ($( window ).width() > 768) && ($('header.secondary').length == 0) ) {

    if(scrollTop > start) {
        opacity = (Math.floor(scrollTop) - start)/end;
        //console.log(opacity);
        percent = Math.min(opacity, 1)
        red = Math.floor(36 + (52-36) * percent);
        green = Math.floor(129 - (129-73) * percent);
        blue = Math.floor(166 - (166-94) * percent);
        blur = Math.floor(2 * percent);
    } else {
        opacity = 1;      // set to 0 to hide logo
        red = 36;
        green = 129;
        blue = 166;
        blur = 0;
    }
    $("#home-logo").css("opacity", opacity);
    $("header").css("box-shadow", "0px 1px "+blur+"px rgb("+red+','+green+','+blue+")");
  } else {
    $("#home-logo").css("opacity", 1);
    $("header").css("box-shadow", "0px 1px 2px rgb(52,73,94)");
  }
}