Как всегда отображать элементы списка ul при открытии

Question

Мы работаем над веб-приложением с Cordova, используя HTML и CSS на страницах.

Для выпадающих списков мы используем элементы ul.

Теперь у нас есть следующая проблема.

Когда страница находится выше экрана, и мы делаем вертикальную прокрутку, чтобы один из раскрывающихся списков находился в отображаемом конце видимой области, и мы открываем список, список отображается не в видимой области, а вертикально под элемент ul.

Вот пример для такого элемента ul на одной из наших страниц:

<div class="CellOuter"
     style="top: 650px; left: 115px;">
    <div class="CellInner TopLeft"
         style="height: 20px; width: 45px; ">
        <ul id="10001"
            name="myDropDown"
            class="DropDownMenu TopLeft"
            style="font-size: 10px; max-height: 20px; width: 45px;"
            required=""
            tabindex="24">
                <div class="Selection">
                </div>
                <li class="DropDownItem" value="0" sortorder="0" style="display: none;"></li>
                <li class="DropDownItem" value="1001" sortorder="1" inilang="false" textkey="DropDownList_1" style="display: none;">yes</li>
                <li class="DropDownItem" value="1002" sortorder="2" inilang="false" textkey="DropDownList_2" style="display: none;">no</li>
        </ul>
    </div>
</div>

Существует ли возможность с помощью CSS изменять элементы ul таким образом, чтобы элементы списка всегда отображались в видимой области при открытии списка?

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

Patrick