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'),
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');