不知道為什么，但粘性導航欄工作正常，除非我在移動視圖中向下滾動。當我單擊“菜單單擊此處”時，整個導航欄消失。我認為 javascript 函數正在刪除粘性類，但我不知道如何解決這個問題。http://lonestarwebandgraphics.com//* Toggle between adding and removing the "responsive" class to bottomnav when the user clicks on the icon */function myFunction() {var x = document.getElementById("mybottomnav");if (x.className === "bottomnav") {
x.className += " responsive";
} else {
x.className = "bottomnav";
}
}
1 回答
牛魔王的故事
TA貢獻1830條經驗 獲得超3個贊
問題出在你的myFunction函數上。
<a href="javascript:void(0);" class="icon" onclick="myFunction()"><p>Menu Click Here </p> ?</a>
在這里，您可以調用您myFunction()來切換漢堡菜單的狀態。但是，myFunction無法管理切換。
因此，要使其正常工作，請更改當前版本
function myFunction() {
var x = document.getElementById("mybottomnav");
if (x.className === "bottomnav") {
x.className += " responsive";
} else {
x.className = "bottomnav";
}
}
下面這個：
function myFunction() {
var x = document.getElementById("mybottomnav");
if(x.classList.contains("responsive")) {
x.classList.remove("responsive");
} else {
x.classList.add("responsive");
}
}
- 1 回答
- 0 關注
- 96 瀏覽
添加回答
舉報
0/150
提交
取消