$(function(){ //让ie9支持placeholder $('input, textarea').placeholder(); $('.year').text(new date(date.now()).getfullyear()) // 回到顶部 $('.totop').on('click', function (e) { e.preventdefault() $("html,body").animate({ scrolltop: "0px" }, 500) }) // 头部 function handlescroll() { if ($(document).scrolltop() > $(window).height()) { $('.totop').addclass('show') } else { $('.totop').removeclass('show') } } handlescroll() $(document).scroll(handlescroll) var oldtop = $(document).scrolltop(); function handlescroll2(){ var curtop = $(document).scrolltop(); if (curtop <= $('.c-header_pc_cn').outerheight()) { // $('.header_blank').height(0).hide() $('.c-header_pc_cn').removeclass('hide') } else { if (curtop < oldtop) { // $('.header_blank').height($('.c-header_pc').outerheight()).show() $('.c-header_pc_cn').removeclass('hide') } else { // $('.header_blank').height(0).hide() $('.c-header_pc_cn').addclass('hide') } } oldtop = curtop; } // $(document).scroll(debounce(handlescroll2, 100)) $(document).scroll(handlescroll2) // 处理头部固定导致的塌陷 function handleresize() { try { // $('.wap-search .list').height($('.header .wap-search').outerheight() - $('.wap-search .list').offset().top - 20) var width=document.documentelement.clientwidth||document.body.clientwidth||window.innerwidth; if(width<1200){ $('body').css('padding-top', $('.c-header:visible').outerheight()) }else{ $('body').css('padding-top', '0px') } } catch (error) { } } handleresize() $(window).resize(function(){ handleresize(); }) $(document).on('click', function (e) { if (!$(e.target).is('.c-nav .more')) { $('.c-nav .more').removeclass('on') } // if ($(e.target).closest('.c-header .search').length == 0 && $(e.target).closest('.search-btn').length == 0) { // $('.c-header .search').removeclass('show') // } if ($(e.target).closest('.btn-wx').length == 0) { $('.btn-wx .pop').removeclass('on') } }) // 二级导航 $(document).on('click', '.md-subnav .mask', function(){ $('.md-subnav').removeclass('show') }) $(document).on('click', '.wap-submenu .menu', function(){ $('.md-subnav').addclass('show') }) aniscroll() $(document).scroll(aniscroll) }) // 动画 function aniscroll(){ // 动画 $('[data-ani]:not(.ani)').each(function(i, e){ if ($(e).offset().top - $(document).scrolltop() <= $(window).height() * 0.9) { $(e).addclass('ani') } }) // 人才理念照片动画 let n=window.screen.width < 600?0.7:0.66; $('.idea-part4-main').each(function(i, e){ if (($(e).offset().top - $(document).scrolltop() <= $(window).height() * n)) { $(e).css({'opacity':'1','transform':'translatey(0)'}) settimeout(function(){ $('.idea-part4-pic').css('opacity','1') },1000) } }) if (window.screen.width < 600) { // 简介页面移动端动画 $('.enter').each(function(i, e){ if (($(e).offset().top - $(document).scrolltop() <= $(window).height() * 0.8)&&($(e).offset().top - $(document).scrolltop() >= $(window).height() * 0.8-30)) { $(e).css('transform','translatey(0)').on('click',function(){ $(e).css('transform','translatey(100%)') }) } }) // 三个基地移动端顶部固定导航 $('.nav-scroll-target').each(function(i, e){ if ($(e).offset().top - $(document).scrolltop() <= 0) { $('.base-wap-nav-active').show() }else{ $('.base-wap-nav-active').hide() } }) }else{ // 三个基地pc左侧pc端按钮,滚动到一定位置才出现;; $('.scroll-target').each(function(i, e){ console.log($(e).offset().top , $(document).scrolltop(),$(window).height(),$('.footer_cn').offset().top-($(window).height()/2)) if ($(e).offset().top - $(document).scrolltop() <= $(window).height() * 0.7) { if(($(document).scrolltop()-($('.footer_cn').offset().top-($(window).height()/2)-400))<0){ $('.fixed-btns').css({'transform':'translatex(0)','opacity': 1}) }else{ $('.fixed-btns').css({'transform':'translatex(-5rem)','opacity': 0}) } }else{ $('.fixed-btns').css({'transform':'translatex(-5rem)','opacity': 0}) } }) } // 懒加载 function isshow(el) { var pos = $(el).offset().top - $(document).scrolltop() var winh = $(window).height() // 上下各一屏的时候预加载 if (-winh < pos && pos < winh + winh) { return true } else { return false } } $('[data-original]:not(.loaded)').each(function(i, e) { var visible = false if ($(e).is(':hidden')) { if ($(e).parent().is(':visible')) { visible = isshow($(e).parent()) } } else { visible = isshow(e) } if (visible) { $(e).addclass('loaded') if ($(e).is('img')) { $(e).attr('src', $(e).data('original')).css('min-height', 'auto') } else { $(e).css('background-image', 'url('+ $(e).data('original') +')') } } }) // 字体优化,首页滚动到上下各一屏的时候再添加字体class $('[data-font]:not(.loaded)').each(function(i, e) { var visible = false if ($(e).is(':hidden')) { if ($(e).parent().is(':visible')) { visible = isshow($(e).parent()) } } else { visible = isshow(e) } if (visible) { $(e).addclass('loaded '+$(e).data('font')) } }) // 首页产品分类图片推后点加载 $('[data-src3d]:not(.loaded)').each(function(i, e) { var visible = false if ($(e).is(':hidden')) { if ($(e).parent().is(':visible')) { visible = isshowtype($(e).parent()) } } else { visible = isshowtype(e) } if (visible) { $(e).addclass('loaded') if ($(e).is('img')) { $(e).attr('src', $(e).data('src3d')).css('min-height', 'auto') } else { $(e).css('background-image', 'url('+ $(e).data('src3d') +')') } } }) function isshowtype(el) { var pos = $(el).offset().top - $(document).scrolltop() var winh = $(window).height() // 上下各一屏的时候预加载 if (-winh < pos && pos < winh + winh/4) { return true } else { return false } } } // 防抖 function debounce(func, wait) { var timeout; return function () { var context = this; var args = arguments; if (timeout) cleartimeout(timeout); timeout = settimeout(function () { func.apply(context, args) }, wait); } } function f_num(selector) { listen(); function listen() { $(selector).each(function (i, el) { if ($(el).data('done')) { return; } if ($(el).offset().top - $(document).scrolltop() < $(window).height()) { $(el).data('done', true); change(el) } }) } function change(el) { var value = $(el).data('num') if (value) { value = number(value); var valnow = 0; var timer = ''; var duration = 1000; var speed = 50; var num = math.floor(duration / speed); if (num > value) { num = value; } var add = parseint(value / num); var i = 0; timer = setinterval(function () { if (i == num) { $(el).html(value); clearinterval(timer) } else { valnow += add; $(el).html(valnow); i++; } }, speed) } } $(window).on('scroll', debounce(listen, 100)) // $(window).on('scroll', listen) }