topnuomi
/
zxf
mirror of https://gitee.com/topnuomi/zxf
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

优化手机端菜单逻辑

This commit is contained in:
TOP糯米 2023-10-12 14:42:31 +08:00
parent f51f65b18c
commit 3f2a689874
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
js/main.js
View File

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