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＆gt; ASRC然后显示滚动条或有没有办法用CSS实现这个？

Answer 1

我认为这可以在您更改

时完成

overflow: scroll;
overflow-x: hidden;

到

overflow: auto;
overflow-x: hidden;

或只是

overflow-y: auto;