2013-07-23 32 views
4

我有一個div命名的面板,其的CSS是如何隱藏滾動條,即使格是不大於那麼最大高度

enter image description here

.msg_panel 
{ 
width:100px; 
height:45px; 
max-height:200px; 
padding: 3px; 
overflow-y:scroll; 
overflow-x:hidden; 
} 

現在即使面板的高度不大於最大高度,我得到滾動條可見(你可以看到圖片)。 我希望滾動條只有在達到最大高度時纔可見。

我嘗試了JavaScript,但它可以被在CSS只是做

+4

'溢出-Y:汽車;' – mishik

+0

好你有'overflow-y:scroll'!更改爲'overflow-y:hidden' –

+0

@LTaylor不,他希望滾動條達到最大高度時,不會隱藏溢出... Mukur:您希望框在y軸上調整大小直到達到最大值 - 高嗎? (然後讓滾動條出現) – orion78fr

回答

2

你已經明確表示,你需要垂直滾動始終可見:overflow-y: scroll;

爲了讓瀏覽器決定何時顯示滾動使用這樣的:overflow-y: auto;

2

設置溢出-Y自動從而消除垂直滾動,如果含量超過的200像素的最大高度也只會出現...

.msg_panel 
{ 
    overflow-y:auto; 
} 
相關問題