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;