停用菜單下拉考慮

網站：http://dev5.99medialabtest2.com/bostoncenterless/停用菜單下拉考慮

向下滾動頁面，那麼「解決方案，以簡化製造流程」標題菜單後面去了。然後，將鼠標懸停在「產品&服務」選項卡上（其中有一個下拉列表）。現在，嘗試用鼠標指針接管「供應鏈管理」（出現在灰色的解決方案部分），您將看到下拉列表不會讓您去那裏。

有人可以幫助解決它嗎？

2017-10-19 Hemant

歡迎來到StackOverflow！爲了讓我們更好地爲您提供幫助，能否請您更新您的問題，以便在[**最小，完整和可驗證的示例**]中顯示**相關代碼**（http://stackoverflow.com/幫助/ mcve）在**問題本身**。外部網站可能是惡意的或由過濾器系統標記;用戶可能無法訪問它們。如果您能讓我們知道您迄今爲止已經嘗試解決您的問題，也會有所幫助。有關詳細信息，請參閱有關[**如何提出良好問題**]（http://stackoverflow.com/help/how-to-ask）的幫助文章:) –

哈哈，花了我一段時間來重新創建你的問題。如果您將鼠標從下拉菜單移開較長時間，例如說2秒鐘，那麼您可以進入「供應鏈管理」。如果您在離開下拉菜單後立即嘗試訪問「供應鏈管理」，則會重新顯示下拉菜單。

這是怎麼發生的？當下拉菜單消失時會發生轉換。我認爲問題在於，下拉菜單看起來像是消失了，但還沒有完全消失，因此回到幾乎看不見的下拉菜單中，它會重新出現。

的CSS導致該問題似乎是這.../wp-content/themes/bostoncenterless/custom.css

/* Sub Menu */ 
ul.navbar-nav > li > ul.sub-menu{ 
    top: 65px; 
    z-index: 111; 
    left: -10px; 
    min-width: 230px; 
    visibility: hidden; 
    opacity: 0; 
    -webkit-transition: all .35s ease; 
    -moz-transition: all .35s ease; 
    -o-transition: all .35s ease; 
    transition: all .35s ease; 
    -webkit-transform: translateY(20px); 
    -moz-transform: translateY(20px); 
    -ms-transform: translateY(20px); 
    transform: translateY(20px); 
    padding-top: 10px; 
    padding-bottom: 10px; 
}

這裏是我想嘗試

從四個transition指令取出ease。這種轉變可能會有「長尾巴」，使其在不方便很長的時間內幾乎看不見。
如果這樣做不好，您可能需要完全刪除轉換（刪除四個transition和四個transform指令）。你將不再有下拉式的幻想退出，但你也不會再有惱人的用戶體驗問題。你的決定。
編輯：另一個想法：在上述兩次嘗試之前，您可以嘗試更改visibility: hidden;至display: none;。如果這有效，我會解釋它（否則不會）。

來源

2017-10-19 01:09:02 BareNakedCoder

明確提及不要修改原始文件，但用自己的CSS，恕我直言，覆蓋它。更好的方法進行維護，在主題更新的情況下.... – Axel

@Axel。同意！我不是一個WordPress的傢伙，所以不知道如何的細節，但我同意100％，如果CSS不是你的，不要破解它，重寫它。 – BareNakedCoder

這裏是一個非常快速和骯髒的破解：'add_action（'wp_head'，function（）{''; }，99）;'。以防萬一['wp_enqueue_style（）']（https://developer.wordpress.org/reference/functions/wp_enqueue_style/）。 – Axel

停用菜單下拉考慮

回答

相關問題