Выберите раскрывающийся список «Drop-Up»

Question

Выпадающий список <select><option>foo</option></select> находится слишком близко к нижней части страницы. Я бы хотел, чтобы раскрывающийся список «выпадал». Я искал, но только смог найти информацию о навигационных меню. Я попытался дать <select class="select-store"> сверху: 100% и снизу: 100% - это положение: абсолютное, что я видел для выпадающих меню навигационного меню для «выпада» без преобладания. Это возможно? Спасибо, ребята, заранее, код ниже;

HTML

<select class="select-store" onchange="document.location.href=this.value"> 
    <option value="/">Store Finder</option> 
    <option value="/foo">foo</option> 
    <option value="/beta">beta</option> 
</select> 

CSS

#finder .select-store{ 
    background: url("/images/storefinder_bg.png") no-repeat scroll 0 0 transparent; 
    border: medium none; 
    color: #5B5A5A; 
    font-family: UNIV-C,Arial,Helvetica,sans-serif; 
    font-size: 16px; 
    font-weight: normal; 
    height: 32px; 
    line-height: 16px; 
    padding: 3px; 
    vertical-align: middle; 
    width: 186px; 
} 

Answer 1

SELECT поведение элемента определяется браузером. Только он обнаруживает переполнение за пределами области просмотра и иногда перемещает список. Вы не можете контролировать это напрямую.

Теперь, если вы используете синтаксический SELECT на основе сценария, вы можете обнаружить переполнение в коде JS и соответствующим образом переместить.