为什么垂直滚动条总是可见答案

【问题标题】：Why is the vertical scrollbar always visible为什么垂直滚动条总是可见
【发布时间】：2017-03-28 17:14:57
【问题描述】：

这是我的小伙伴：http://plnkr.co/edit/q3MpeDT2rSSCUy8CHdUa?p=preview

div.tooltip {   
    position: absolute;         
    text-align: center;         
    width: 100px;                   
    height: 500px;                  
    padding: 2px;               
    font: 12px sans-serif;      
    background: lightsteelblue; 
    border: 0px;        
    border-radius: 8px;         
    overflow-y: scroll;
}

当您将鼠标悬停在其中一个圆圈上时，即使高度足以容纳内容，也始终可见带有垂直滚动条的工具提示。为什么垂直滚动总是可见的。我如何让它仅在内容实际溢出时才显示？

【问题讨论】：

div.tooltip 的 css 属性为 overflow-y:scroll;。这会导致滚动条始终显示。您应该将其更改为overflow-y:auto;。这将导致它仅在需要时显示。
how to hide a vertical scroll bar when not needed的可能重复
谢谢大家。我被它的意思弄糊涂了。我认为 overflow-y: scroll 表示溢出发生时显示滚动:)

标签： javascript css html d3.js

【解决方案1】：

只需将overflow-y:scroll 更改为overflow-y:auto;

【讨论】：