Show all items in <li>

Question

So i have a list with over 1000 items in it and i display it with custom made Bootstrap dropdown list which uses

<ul ng-repeat="items in list"> 
<li> 
{{items}}
</li> 
</ul>

now it only shows items to the end of my screen, about a 100 items.

I tried adding overflow:auto but it didnt help.

 //not working
<ul ng-repeat="items in list" style="overflow:auto"> 
    <li> 
    {{items}}
    </li> 
    </ul>

any other way to add the scroll bar so i can scroll my 1000 items ?

Answer 1

 max-height: 400px;overflow: hidden;overflow-y: auto;"

fixed it by adding these to my css.