画面の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でこれを実現する方法はありますか?