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

时间:2017-02-01 18:34:13

标签: javascript jquery html css google-chrome

在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。

有人有同样的问题吗?有什么想法吗?

谢谢,

Leandro的。

1 个答案:

答案 0 :(得分:1)

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