Html 如何避免由于鼠标输入时显示和隐藏滚动条而导致div闪烁

我在鼠标悬停时显示一个滚动条，它在UI中产生闪烁效果。有人能建议如何避免吗？代码在这里

.parent{
宽度：100%；
最大高度：400px；
溢出y：隐藏；
}
.家长：悬停{
溢出y：滚动；
}
.桌子{
宽度：100%；
}

键值
键值
键值

如果该表是可滚动的，那么只有当用户将鼠标悬停在该表上时才显示该表是可滚动的，这是一种糟糕的UI实践（触摸设备呢？）

解决此问题和闪烁问题的最佳方法是根本不隐藏滚动条，如下所示：

  .parent {
        width:100%;
        max-height: 400px;
        overflow-y: scroll; // or overflow-y:auto; 
      }
     .table {
       width: 100%;
     }

您有两个选择：

1） 在右边添加一个与滚动宽度相同大小的边距（我认为默认值为16px）<代码>右边距：16px。不过，我不太确定这种方法

---

2） 如果您不太关心跨浏览器兼容性，只需使用

overflow:overlay

，您就可以解决这个问题了

.parent{
宽度：100%；
最大高度：200px；
溢出：自动；
可见性：隐藏；
}
.父：悬停，
.家长：关注{
能见度：可见；
}
.孩子{
能见度：可见；
}
.桌子{
宽度：100%；
}

钥匙
价值
钥匙
价值
钥匙
价值
钥匙
价值
钥匙
价值
钥匙
价值
钥匙
价值
钥匙
价值
钥匙
价值
钥匙
价值
钥匙
价值
钥匙
价值

Firstyl您可以将CSS

宽度：

添加到滚动条中。之后，添加到

.parent{}

width（从100%中减去滚动条宽度）此函数的函数。将鼠标悬停在“父对象”上时，添加CSS宽度100%。 但是，如果您想使用绝对100%的表宽度，可以通过jQuery解决一个问题： *对不起，我的英语不好：）

：：-webkit滚动条{
宽度：15px；
填充：0px；
}
：-webkit滚动条拇指{
最小高度：50px；
背景色：#888；
高度：50px；
}
：-webkit滚动条轨迹{
背景：#e3；
}
.家长{
宽度：钙（100%-15px）；
最大高度：200px；
溢出y：隐藏；
}
.家长：悬停{
溢出y：滚动；
宽度：100%；
}
.桌子{
宽度：100%；
}

键值
键值
键值
键值
键值
键值
键值
键值
键值
键值
键值
键值
键值

重现问题的确切代码是：这里是一个常见问题，无法修复吗？您需要在您的问题中发布一个此处，而不是第三方网站！添加子div并使用可见性。请参阅代码。谢谢您的解释。你每次都应该这样做。谢谢你，罗布。我会的。CSS不像其他实现算法的编程语言。在CSS世界中，开发人员发现了一些技术，它们很难解释。当元素

可见性：隐藏隐藏元素，但它仍会占用布局中的空间。如果元素的子体的“可见性”设置为“可见”，则它们将可见。现在我们知道为什么孩子是可见的了。您可以轻松地更改悬停事件的可见性父级。您好，此解决方案适用于Chrome，不适用于firefox。有没有一种方法可以在Firefox上使用这个
：-moz滚动条{width:15px；}
。我现在不用了。如果我解决了这个问题，我会在我的答案中添加“css代码”@巴拉格