javascript - Chrome 更新破坏了我的滚动子菜单

Question

在 Windows 和 Osx 中将 Chrome 更新到版本 56...，它破坏了我的滚动子菜单。如果我使用鼠标滚轮滚动，滚动操作有效，但如果我将鼠标指针悬停在滚动条上，子菜单将关闭。

我使用以下 css 来滚动子菜单:

ul.scroll-menu {
    position: relative;
    display: inherit !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: auto;
    max-height: 400px;
    margin: 0;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

更新之前一切正常。它在 Safari 和 FireFox 中仍然有效。

有人遇到同样的问题吗？有什么想法吗？

谢谢，

莱安德罗。

Answer 1

Chrome 56 中存在一个错误，悬停在滚动条上不会触发元素上的悬停:https://bugs.chromium.org/p/chromium/issues/detail?id=686678