Fade in with scroll

scroll_fadein.js

function scroll_fadein(){
    jQuery('.fadein').each(function(){
        var elemPos = jQuery(this).offset().top;
        var scroll = jQuery(window).scrollTop();
        var windowHeight = jQuery(window).height();
        if (scroll > elemPos - windowHeight + 60){
            jQuery(this).addClass('scrollin');
        }
    });
}

// CSS
.fadein {
  opacity : 0.0;
  transform : translate(0, 30px);
  transition : all 500ms;
}

.fadein.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}