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??

score 0 · Accepted Answer · answered May 02 '14 at 18:04

0

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;
}

answered May 02 '14 at 18:04

Thorsten

5,634
6
35
33

Your awesome! How can i remove the left to right scroll bar? or is this not possible? – Dunleyyy333 May 02 '14 at 18:06
nvm you change it to auto instead of scroll – Dunleyyy333 May 02 '14 at 18:08
Does auto do the same thing as overflow-y: scroll; – Dunleyyy333 May 02 '14 at 18:13
Have a look at the answer [here](http://stackoverflow.com/questions/6689412/difference-between-html-overflow-auto-and-overflow-scroll) – Thorsten May 02 '14 at 18:14

Autocomplete add scroll down after this many items jquery

1 Answers1