Question

所以当我遇到这个非常烦人的故障时，我正在弄乱一些下拉菜单。你可以在这里看到它：https://codepen.io/iAmGuus/pen/NaWWjB 因此，当您将鼠标悬停在“关于”部分上时，您可以看到下拉列表工作正常，直到取消悬停。我认为这与保证金和保证金有关。在ul.nav-dropdown上填充。这是SCSS：

& ul.nav-dropdown {
    position: absolute;
    display: block;
    visibility: visible;
    list-style-dropdown: none;
    // padding-left: 0;
    margin: .5rem 0 0 0;
    position: absolute;
    z-index: 10;
    background-color: #c55050;
    border-top: 1px solid #c55050;

  }

  & li.dropdown-item {
    background-color: #c55050;
    // display: block;
    text-align: center;
    font-size: 50%;
    padding: 1rem 0 1rem 0;
  }

剩下的代码可以在我的codepen.io

中找到

Answer 1

通过使用jQuery slideUp＆amp; slideDown函数。

$(this).slideUp();
$(this).slideDown();

不在悬停时奇怪的下降

1 个答案: