Как сделать, чтобы выпадающий список автозаполнения jQuery превышал окно браузера? - PullRequest
Новая
       13

Как сделать, чтобы выпадающий список автозаполнения jQuery превышал окно браузера?

2 голосов
/ 28 февраля 2012

Кто-нибудь знает, возможно ли, чтобы выпадающее меню автозаполнения jQuery превышало окно браузера?

Это возможно для обычного меню выбора HTML (Internet Explorer): 

<html><body>
<script>window.resizeTo(300, 200);</script>
<form><select>
    <option>Some option 01</option>
    <option>Some option 02</option>
    <option>Some option 03</option>
    <option>Some option 04</option>
    <option>Some option 05</option>
    <option>Some option 06</option>
    <option>Some option 07</option>
    <option>Some option 08</option>
    <option>Some option 09</option>
</select></form>
</body></html>

Может ли это быть достигнуто с помощью javascript / jQuery или результаты всегда будут отображаться в окне браузера?

Заранее спасибо.

1 Ответ

0 голосов
/ 28 февраля 2012

Плагин автозаполнения, даже несмотря на то, что он выглядит как всплывающее меню, по-прежнему содержит HTML-разметку и отображается в окне браузера, как и любой другой элемент веб-страницы.

Что выможно сделать это установить max-height в меню.

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

Это добавит вертикальную полосу прокрутки, если высота превышает 100px.

...