Как сохранить высоту панели фиксированной с помощью прокрутки, если переполнение контента для JQuery Mobile

Question

У меня есть страница с фиксированным верхним и нижним колонтитулом. Высота содержимого также привязана к высоте окна.

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

Пример: http://jsfiddle.net/moizhb/GSSD3/

Вот как создается панель:

<div data-role="panel" id="navpanel" data-theme="a" data-display="overlay"></div>

Буду признателен за любые направления здесь.

Спасибо!

Answer 1

Вот вам обновленная скрипка: http://jsfiddle.net/ezanker/GSSD3/1/

Просто добавили немного CSS для абсолютно точного позиционирования и размера внутреннего div панели и для возможности прокрутки:

.ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;  
    -webkit-overflow-scrolling: touch;
}

Вам нужно будет проверить это на устройствах, которые вы поддерживаете, так как я не уверен, что это будет работать на всех из них...