CSS JS（也许）Div滚动条显示和隐藏

Question

我有一个自动完成搜索，我想成为40％的屏幕，然后滚动其余。

我有这部分工作正常，我的问题是滚动条总是显示，无论是否有溢出。如果仅返回2个结果，我希望隐藏垂直滚动条。那么如果有50个显示。

以下是我有：

HTML：

<div id="AccountSearchResultsContainer"> 
<div id="AccountSearchResults"> 

</div> 
</div> 

CSS：

#AccountSearchResults { 
border: 2px solid #666; 
margin: 0px auto; 
width: 100%; 
display: none; 
} 

#AccountSearchResultsContainer { 
border-bottom: 2px solid #666; 
margin: 0px auto; 
width: 54%; 
height: 40%; 
overflow: scroll; 
overflow-x: hidden; 
display: none; 
padding-right: 4px; 
} 

请问我要编写一个脚本来确定屏幕高度AccountSearchResultContainer和高度AccountSearchResult ...如果ASR> ASRC然后显示滚动条或有没有办法实现这与CSS？

Answer 1

，我认为这是可以做到当你改变

overflow: scroll; 
overflow-x: hidden; 

到

overflow: auto; 
overflow-x: hidden; 

或者干脆

overflow-y: auto;