爲什麼垂直滾動條始終可見

這裏是我的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

爲什麼垂直滾動條始終可見

回答

相關問題