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