Autocomplete add scroll down after this many items jquery

Question

Hi I am trying to create a scroll down for my autocomplete. I want it to start scrolling down after 20 parts so it doesn't expand the page any bigger.

I have an example of my autocomplete function on this page here... Type 1 or 9 in one of the input boxes.

http://www.bivar.com/test.aspx

Does anyone know of a way to do this??

Answer 1

You need to add some simple CSS

ul.ui-autocomplete {
    max-height: 400px;
    overflow: scroll;
}

Change 400px to whatever fits your needs.

Edit: For only vertical scrollbars:

ul.ui-autocomplete {
    max-height: 400px;
    overflow-y: scroll;
}