diff --git a/js/main.js b/js/main.js index 5b5cae2..585aac1 100644 --- a/js/main.js +++ b/js/main.js @@ -8,7 +8,8 @@ let isClose = true, headerMask = $('.menu-mask'), headerMenuBtn = $('.btn-img'), isMobile = $(window).width() <= 768, - currentRem = 0; + currentRem = 0, + exchangeLogo = false; function getRem() { let windowWidth = window.innerWidth @@ -20,13 +21,9 @@ function rszcal() { } function headerEffect() { - let t = $(document).scrollTop(), flag; - // if (!isMobile) { - // flag = t > 2.5 * currentRem; - // } else { - flag = t > 2.5 * currentRem; - // } - if (flag) { + let t = $(document).scrollTop(); + exchangeLogo = t > 2.5 * currentRem; + if (exchangeLogo) { header.removeClass('style1').addClass('style2'); } else { header.removeClass('style2').addClass('style1'); @@ -36,6 +33,9 @@ function headerEffect() { let t1; function showMenu() { clearTimeout(t1); + if (exchangeLogo) { + header.removeClass('style2').addClass('style1'); + } heaerMenuGroup.show().removeClass('iFadeOut').addClass('iFadeIn'); headerMask.show().removeClass('iFadeOut').addClass('iFadeIn'); headerMenuBtn.attr('src', window.Config.staticDir + '/images/guanbi.png'); @@ -44,6 +44,9 @@ function showMenu() { } function hideMenu() { + if (exchangeLogo) { + header.removeClass('style1').addClass('style2'); + } heaerMenuGroup.removeClass('iFadeIn').addClass('iFadeOut'); headerMask.removeClass('iFadeIn').addClass('iFadeOut'); headerMenuBtn.attr('src', window.Config.staticDir + '/images/menu.png');