let scroll_animation = function(selectors, type) { let body = $("body"); if (!body.hasClass("saf-scroll-animation-init")) { body.addClass("saf-scroll-animation-init"); let num = 0; $(window).scroll(function() { num = 0; }); function ani(a, t) { var top = a.offset().top; if (top < ($(window).height() + t - 100)) { setTimeout(function() { a.addClass("saf-scroll-in"); a.addClass("saf-scrolled"); }, 200 + num * 100); num++; } } function handle() { let t = $(window).scrollTop(); let body_height = body.height(); $(".saf-scroll-animation:not(.saf-scroll-in):not(.saf-no-scroll-animation)").each(function() { ani($(this), t); }); if ($(window).height + t + 200 >= body_height) { $(".saf-scroll-animation:not(.saf-scroll-in):not(.saf-no-scroll-animation)").each(function() { $(this).addClass("saf-scroll-in").addClass("saf-scrolled"); }); } requestAnimationFrame(handle); } requestAnimationFrame(handle); } $(selectors).addClass("saf-scroll-animation").each(function() { if (type) { $(this).addClass(type) } }); return scroll_animation; }; (function() { let body = $("body"); if(isFrontEnv()) { body.addClass("cn-show"); } else { body.addClass("cn-make"); } })(); scroll_animation(".saf-fadeInUp")(".saf-fadeInDown")(".saf-fadeInLeft")(".saf-fadeInRight")(".saf-bounceInLeft")(".saf-bounceInRight")(".saf-bounceInUp")(".saf-bounceInDown")(".saf-flipInX")(".saf-flipInY")(".saf-lightSpeedInRight")(".saf-lightSpeedInLeft")(".saf-backInLeft")(".saf-backInRight")(".saf-backInDown")(".saf-backInUp")(".saf-rotateInDownLeft")(".saf-rotateInDownRight")(".saf-rotateInUpLeft")(".saf-rotateInUpRight")(".saf-jackInTheBox")(".saf-zoomInDown")(".saf-zoomInLeft")(".saf-zoomInRight")(".saf-zoomInUp")(".saf-circleLeft")(".saf-circleRight");