Android UIWebView overflow-y：auto with：hover

Question

我有一个非常奇怪的问题，但在Chrome for Android中没有发生，但是在不到Android 4.4的情况下在应用程序中使用网页视图时会发生这种情况

错误是：

在侧边栏附近的147px区域中点击时，会导致侧边栏打开。这是因为:hover上有#sidebar。这是意料之外的，因为宽度只有47px。它似乎是由overflow-y:auto引起的。删除它可以解决问题（但是因为我需要滚动而中断应用程序）

我使用的是Android 4.3。它不会发生在4.4中，因为Web视图呈现引擎是不同的。

发生以下行为。我有一个#sidebar以47px折叠

我有以下css。

#sidebar:hover
{
  width:175px;  
}

#sidebar
{
   width:47px;  
   overflow-y:auto !important;
}

以下是问题的视觉效果：

我正在寻找一种方法来解决这个问题并仍保留overflow：auto

的功能

Answer 1

我发现了一种解决方法，因为这似乎是一个浏览器错误。我最终在#sidebar上做了min-height：1000px而不是溢出，这不是完美的但它有效