/* ## scrollreveal animation effect ## * author : Park soo hyun * e-mail : shpark7502@naver.com * version : 1.0.1 * date : 2017-04-28 * Á¦ÀÛÀÚÀÇ Çã°¡ ¾øÀÌ ¹«´Ü »ç¿ëÀ» ±ÝÇÕ´Ï´Ù. ¶ÇÇÑ ¹«´ÜÀ¸·Î º¹Á¦, ¼öÁ¤ ¶Ç´Â Àç¹èÆ÷ÇÏ´Â ÇàÀ§´Â ¹ýÀû ó¹úÀ» ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù. */ /*$(function() { var elem = $(".scrollreveal"); var sty = { 'opacity':'0', 'transition':'none' } elem.css(sty); if(!$("#mainVisual").length) { $("html, body").stop().animate({scrollTop:'1'}, 0, function() { $("html, body").stop().animate({scrollTop:'0'}, 0); }); } $(window).bind('scroll', function() { var winTop = $(this).scrollTop(); var winHeight = $(this).height(); var docHeight = $(document).height(); var elemHeight; var showDelay = 0; elem.each(function() { var etop = $(this).offset().top; var eh = $(this).height(); var delay = $(this).data('delay'); if(delay == null) { delay = 150; } if(winTop >= etop - winHeight) { if(!$(this).hasClass('animated')) { var sty = { 'position':'relative', 'top':'30px' } $(this).css(sty); showDelay += delay; $(this).stop().delay(showDelay).animate({opacity:'1', top:'0'}, 500, function() { var sty = { 'position':'', 'top':'', 'opacity':'', 'transition':'' } $(this).css(sty); }); $(this).addClass('animated'); } } }); }); });*/ // À©µµ¿ì À̺¥Æ® $(window).load(function() { var elem = $(".scrollreveal"); var sty = { 'opacity':'0', 'transition':'none' } elem.css(sty); $("html, body").animate({scrollTop:'10'}, 10, function() { $("html, body").animate({scrollTop:'0'}, 0); }); // ½ºÅ©·Ñ½Ã ¾Ö´Ï¸ÞÀÌ¼Ç Ã³¸® $(window).bind('scroll', function() { var winWidth = $(this).width(); var winTop = $(this).scrollTop(); var winHeight = $(this).height(); var docHeight = $(document).height(); var hdHeight = $("#header").height(); var elemHeight; var showDelay = 0; if(winWidth > 1024) { if(winTop >= hdHeight) { if(!$("#header").hasClass('fixed')) { $("#header").addClass('fixed'); $("#scrollTop").stop(true,false).fadeIn(300); $("#scrollTop").css("right","15px"); } } else { $("#header").removeClass('fixed'); $("#scrollTop").stop(true,false).fadeOut(300); $("#scrollTop").css("right","-60px"); } } elem.each(function() { var etop = $(this).offset().top; var eh = $(this).height(); var delay = $(this).data('delay'); if(delay == null) { delay = 100; } if(winTop >= etop - winHeight) { if(!$(this).hasClass('animated')) { var aniOptions; var styR = { 'position':'relative', 'top':'30px' } var sty = { 'top':'30px' } if($(this).css('position') == 'static') { aniOptions = { 'opacity':'1', 'top':'0' } $(this).css(styR); } else if($(this).css('position') == 'absolute') { aniOptions = { 'opacity':'1', } } else { aniOptions = { 'opacity':'1', 'top':'0' } $(this).css(sty); } showDelay += delay; $(this).stop().delay(showDelay).animate(aniOptions, 500, function() { var sty = { 'position':'', 'top':'', 'opacity':'', 'transition':'' } $(this).css(sty); }); $(this).addClass('animated'); } } }); }); });