javascript - 为什么垂直滚动条总是可见

Question

这是我的 plunker: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;
}

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

Answer 1

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