修改下拉菜单异常问题

This commit is contained in:
Dragon
2024-01-23 15:35:12 +08:00
parent 195c550ef1
commit 08656587a1
3 changed files with 7 additions and 6 deletions

View File

@@ -542,9 +542,7 @@
height: 0%; height: 0%;
background: #0E0B24; background: #0E0B24;
position: fixed; position: fixed;
z-index: 4; transition: all .2s;
transition: all .5s;
overflow: hidden;
left: 0; left: 0;
top: 0; top: 0;
overflow: hidden; overflow: hidden;

View File

@@ -567,9 +567,8 @@
height: 0%; height: 0%;
background: #0E0B24; background: #0E0B24;
position: fixed; position: fixed;
z-index: 4; // z-index: 4;
transition: all .5s; transition: all .2s;
overflow: hidden;
// display: none; // display: none;
left: 0; left: 0;
top: 0; top: 0;

View File

@@ -181,16 +181,19 @@ $('body .header .diamound, html .header .diamound').click(function () {
}) })
// h5展開菜單 // h5展開菜單
$('body .header .more, html .header .more').click(function () { $('body .header .more, html .header .more').click(function () {
$('.menu').css("z-index", "4");
$('.menu').css("height", "100%"); $('.menu').css("height", "100%");
}) })
// h5收起菜單 // h5收起菜單
$('body .h5 .menu .top .close, html .h5 .menu .top .close').click(function () { $('body .h5 .menu .top .close, html .h5 .menu .top .close').click(function () {
$('.menu').css("z-index", "1");
$('.menu').css("height", "0%"); $('.menu').css("height", "0%");
}) })
// 菜單選項按鈕 // 菜單選項按鈕
$('body .h5 .menu ul li, html .h5 .menu ul li').click(function () { $('body .h5 .menu ul li, html .h5 .menu ul li').click(function () {
var i = $(this).index() + 1; var i = $(this).index() + 1;
if (i == 1) { if (i == 1) {
$('.menu').css("z-index", "1");
$('.menu').css("height", "0%"); $('.menu').css("height", "0%");
$('.pagesBox').css("transform", `translateY(-${0}%)`); $('.pagesBox').css("transform", `translateY(-${0}%)`);
index = 0; index = 0;
@@ -237,6 +240,7 @@ $('body .h5 .pagesBox .pages .downioad').click(function () {
officialClick(androidSkipType); officialClick(androidSkipType);
window.location = url; window.location = url;
} else { } else {
$('.menu').css("z-index", "1");
$('.pagesBox').css("transform", `translateY(-${0}%)`); $('.pagesBox').css("transform", `translateY(-${0}%)`);
index = 0; index = 0;
} }