Javascript 停用菜单下拉列表

考虑中的场地：

向下滚动页面，使简化制造流程的解决方案标题位于菜单后面。然后，将鼠标悬停在具有下拉列表的“产品和服务”选项卡上。现在，试着用鼠标指针控制出现在灰色解决方案部分的供应链管理，你会看到下拉菜单不会让你去那里

---

有人能帮你解决吗？

哈哈，我花了一段时间重新创建了你的问题。如果你把鼠标从下拉菜单上移开一段时间，比如说2秒钟以上，那么你就可以进入供应链管理。如果您尝试在鼠标离开下拉列表后立即进入供应链管理，则下拉列表将再次出现

为什么会这样？当下拉列表消失时，会发生转换。我认为问题在于，下拉列表看起来只是消失了，但还没有完全消失，所以将鼠标移回到几乎看不见的下拉列表上会使它重新出现

在…/wp content/themes/bostoncenterless/custom.CSS中，引起问题的CSS似乎是这样的

这是我要尝试的

从四个转换指令中删除ease。这种转变可能有一条长尾，使得它在很长一段时间内几乎看不见。 如果这还不够好，您可能必须完全删除转换，删除四个转换和四个转换指令。您将不再有通过下拉菜单退出的奇特功能，但您也不再有非常恼人的用户体验问题。你的决定。 编辑：另一个想法：在上述两次尝试之前，您可以尝试更改可见性：隐藏；显示：无；。如果这行得通，我会解释的，否则没关系。

---

欢迎来到StackOverflow！为了让我们更好地帮助您，请您更新您的问题，以便在问题本身的a中显示您的相关代码。外部站点可能是恶意的或被过滤系统标记；用户可能无法访问它们。如果您能让我们知道您迄今为止为解决您的问题所做的努力，这也会很有帮助。有关更多信息，请参阅帮助文章：最好明确提及不要修改原始文件，而是使用自己的CSS IMHO覆盖它。更好的维护方法，以防主题更新…@Axel。同意！我不是一个Wordpress的人，所以不知道具体如何操作，但我100%同意，如果CSS不是你的，不要攻击它，覆盖它。下面是一个非常快速而肮脏的攻击：添加动作'wp_head'，函数{echo'/*CSS在这里*/'}，99；。以防万一没有别的事可做。

/* 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;
}