function scrollAnimation(ele) { $(ele).each(function() { var _this = $(this); if (_this.offset().top > $(window).scrollTop() + $(window).height() || _this.offset().top < $(window).scrollTop() - _this.outerHeight()) { } else if ($(window).scrollTop() >= _this.offset().top - $(window).height() * 0.92) { _this.addClass('animate'); } }); $(window).scroll(function(){ $(ele).each(function() { var _this = $(this); if (_this.offset().top > $(window).scrollTop() + $(window).height() || _this.offset().top < $(window).scrollTop() - _this.outerHeight()) { } else if ($(window).scrollTop() >= _this.offset().top - $(window).height() * 0.92) { _this.addClass('animate'); } }); }); } $(function(){ // $(document).scroll(function(event) { // if($(document).scrollTop()>820){ // $('.header-mask').addClass('cur'); // }else{ // $('.header-mask').removeClass('cur') // } // }); if(window.innerWidth>1024){ new WOW().init(); var parallaxBox = document.getElementsByClassName('teasers-con'); for (var i = 0; i < parallaxBox.length; i++) { new Parallax(parallaxBox[i]); } } }); function navScroll(){ var preImg = []; $('img').each(function(index,el){ preImg.push($(el).attr('src')); }) _PreLoadImg(preImg,function(){ var winS = $(window).scrollTop(); var navTop = $('.subnav-wrap').offset().top; if(winS>navTop-64){ $('.nav-container').addClass('on'); }else{ $('.nav-container').removeClass('on'); } $(window).on('scroll resize',function(){ winS = $(window).scrollTop(); if(winS>navTop-64){ $('.nav-container').addClass('on'); }else{ $('.nav-container').removeClass('on'); } // var _length = $('.position').length; // for(var i = 0;i < _length ; i++){ // if($(window).scrollTop()>=$('.position').eq(i).offset().top-$('.nav-container').height()){ // $('.nav-container .nav-swiper .swiper-slide a').removeClass('cur'); // $('.nav-container .nav-swiper .swiper-slide a').eq(i).addClass('cur') // } // } // if ($(document).scrollTop() >= $(document).height() - $(window).height()) { // $('.nav-container .nav-swiper .swiper-slide a').removeClass('cur'); // $('.nav-container .nav-swiper .swiper-slide a').last().addClass('cur'); // } }); // $('.nav-container .nav-swiper .swiper-slide').on('click',function(){ // var i = $(this).index(); // console.log($('.position').eq(i).offset().top-$('.nav-container').outerHeight()+2); // $('html,body').stop().animate({scrollTop:$('.position').eq(i).offset().top-$('.nav-container').outerHeight()+2},500); // }) }) } $(".scroll-box").mCustomScrollbar({ }); if($(window).width()>1024){ if($('.subnav-wrap').length>0){ //$('.header-wrap').addClass('poa') navScroll(); } }