为什么垂直滚动条始终可见

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

当你将鼠标悬停在一个圈子中，有垂直滚动条的工具提示总是可见即使在高度是绰绰有余为内容。为什么垂直滚动总是可见的。只有当内容实际溢出时，我该如何显示它？

来源

2016-11-14 techguy2000

'div.tooltip'有'溢出-y的CSS属性：滚动;'。这会导致滚动条始终显示。您应该将其更改为'overflow-y：auto;'。这会导致它仅在需要时显示。 –

[不需要时如何隐藏垂直滚动条]的可能重复（http://stackoverflow.com/questions/9560330/how-to-hide-a-vertical-scroll-bar-when-not-needed） –

多谢你们。我对这个意思感到困惑。我认为overflow-y：溢出时发生滚动意味着显示滚动:) – techguy2000

只是改变overflow-y:scroll到overflow-y:auto;

来源

2016-11-14 23:15:57 Maxiquester

为什么垂直滚动条始终可见

回答

相关问题