Chrome更新破坏了我的滚动子菜单 [英] Chrome update broke my scrolling sub-menus

问题描述

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

我使用以下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; 
剩下：0！重要; 
宽度：100％; 
 height：auto; 
最大高度：400px; 
保证金：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。

解决方案

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

Updated Chrome to version 56... in Windows and Osx and it broke my scrolling sub-menus. If I scroll with the mouse wheel, scrolling action works, but when if I hover the mouse pointer over the scroll bar the sub-menu closes.

I use the following css for scrolling sub-menus:

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

Before the update everything worked well. It still does in Safari and FireFox.

Anyone have the same problem? Any ideas?

Thanks,

Leandro.

解决方案

There is a bug in Chrome 56 where hovering over a scroll bar does not trigger a hover on the element: https://bugs.chromium.org/p/chromium/issues/detail?id=686678

这篇关于Chrome更新破坏了我的滚动子菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！