我有一個登陸頁面。
手機在底部有一個固定的導航欄。
也有一個彈出表單，點擊后打開。
我們如何確保在打開表單時此導航欄已關閉？
它阻止發送按鈕。
uj5u.com熱心網友回復：
您可以使用 cssz-index而不是 javascript來做到這一點。
現在您的底部導航欄帶有z-index: 9999，但是您的 .modal z-index 是 1060，因此如果您希望模態呈現在頂部，您所要做的就是將 .modal z-index 設定為比.navbar1 z-index。
所以最簡單的解決方法很簡單：
.modal{ z-index: 10000;}
uj5u.com熱心網友回復：
您可能最好創建一個類來隱藏元素，然后在呼叫模態或關閉它時切換它。
document.getElementsByClassName('navbar1')[0].classList.add('hidden')
document.getElementsByClassName('navbar1')[0].classList.remove('hidden')
如果解雇發生在與呼叫相同的函式中，您也可以使用classList.toggle。
uj5u.com熱心網友回復：
單擊時隱藏導航欄。
<script>
function hideNav() {
document.getElementsByClassName("navbar1").style.display = "none";
}
</script>
<div class="navbar1">
<a onclick="hideNav()" href="#" class="product-action-btn-1" title="Quick View" data-bs-toggle="modal" data-bs-target="#exampleModal"></i>Take an Offer</a>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/358974.html
標籤：javascript html css