描述：當(dāng)您向下滾動(dòng)時(shí)，會(huì)出現(xiàn)黑色導(dǎo)航欄，但當(dāng)您進(jìn)一步向下滾動(dòng)到輪播時(shí)，您會(huì)看到導(dǎo)航欄移到其后面。這種情況不僅發(fā)生在輪播上，而且發(fā)生在我網(wǎng)站上的其他文本、卡片等上。黑色導(dǎo)航欄造成了問題。下面是該問題的演示$('.navTrigger').click(function () {
$(this).toggleClass('active');
console.log("Clicked menu");
$("#mainListDiv").toggleClass("show_list");
$("#mainListDiv").fadeIn();
});<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <link href="bootstrap-4.0.0/dist/css/bootstrap.min.css" rel="stylesheet" > <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> <link href="CHECK.css" rel="stylesheet"><script src="CHECK.js"></script></head><body><nav class="nav"> <div class="container"> <div class="logo"> <a href="#">Your Brand</a> </div> <div id="mainListDiv" class="main_list"> <ul class="navlinks"> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> </div> <span class="navTrigger"> <i></i> <i></i> <i></i> </span> </div></nav><section class="home"></section><div style="height: 1000px"> <div id="demo" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ul class="carousel-indicators"> <li data-target="#demo" data-slide-to="0" class="active"></li> </ul>
導(dǎo)航欄移動(dòng)到我的文本、動(dòng)畫、卡片等后面
動(dòng)漫人物
2023-09-11 15:44:01
