// JavaScript Document jQuery(window).on('load',function(){ // fade-up // $('.fade-up').css({ // 'opacity':'1' // }); jQuery(window).scroll(function (){ jQuery('.row3 .col1,.row4 .col1,.row5 .col1,.row8 .col1').each(function(){ var imgPos = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > imgPos - windowHeight){ jQuery(this).css({ 'opacity':'1', 'transform':'translateY(0)', '-webkit-transform':'translateY(0)', '-moz-transform':'translateY(0)', '-ms-transform':'translateY(0)' }); } else { jQuery(this).css({ 'opacity':'0', 'transform':'translateY(70px)', '-webkit-transform':'translateY(70px)', '-moz-transform':'translateY(70px)', '-ms-transform':'translateY(70px)' }); } }); jQuery('.row3 .col2,.row4 .col2,.row5 .col2,.row8 .col2').each(function(){ var imgPos = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > imgPos - windowHeight){ jQuery(this).css({ 'opacity':'1', 'transform':'translateY(0)', '-webkit-transform':'translateY(0)', '-moz-transform':'translateY(0)', '-ms-transform':'translateY(0)' }); } else { jQuery(this).css({ 'opacity':'0', 'transform':'translateY(90px)', '-webkit-transform':'translateY(90px)', '-moz-transform':'translateY(90px)', '-ms-transform':'translateY(90px)' }); } }); jQuery('.row3 .col3,.row4 .col3,.row5 .col3,.row8 .col3').each(function(){ var imgPos = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > imgPos - windowHeight){ jQuery(this).css({ 'opacity':'1', 'transform':'translateY(0)', '-webkit-transform':'translateY(0)', '-moz-transform':'translateY(0)', '-ms-transform':'translateY(0)' }); } else { jQuery(this).css({ 'opacity':'0', 'transform':'translateY(150px)', '-webkit-transform':'translateY(150px)', '-moz-transform':'translateY(150px)', '-ms-transform':'translateY(150px)' }); } }); }); });