Android:: Webview удаляет полосу прокрутки для DIV

Я сделал небольшую веб-страницу с прокручиваемым div. Когда я загружаю его в браузере, он работает нормально. Но когда я загружаю его в webview внутри Android, он не позволяет мне прокручивать div. Есть ли обходной путь для этого или я должен использовать другой дизайн? Я говорю о таких веб-сайтах, как this.

Ответы

Ответ 1

К сожалению, прокручиваемый div просто не поддерживается в большинстве существующих мобильных браузеров Webkit. Отличной альтернативой встроенной поддержке является библиотека iScroll Javascript, которая может имитировать реальную прокрутку:

http://cubiq.org/iscroll

Скопировать/вставить из описания проекта на этой странице:

Переполнение: прокрутка для мобильного веб-кита. Проект запущен, потому что webkit для iPhone не предоставляет собственный способ прокрутки содержимого в пределах определенного размера (ширины/высоты) div. Таким образом, в принципе невозможно было иметь фиксированный верхний/нижний колонтитул и прокручивающую центральную область. До сих пор.

Версия 3.3 и более поздняя версия поддерживают Android >= 1.5.

Ответ 2

Вы можете использовать псевдоэлементы webkit для настройки стиля прокрутки.

Попробуйте следующее:

::-webkit-scrollbar {
    width: 12px;
}     

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}     

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}

Ответ 3

Обновить (так как это один из результатов поиска n ° 1 на странице "webkit scrollbar android" ):
overflow:scroll поддерживается как Android, так и сотовый. Разумеется, v 3.2+ и кросс-платформу также в iOS5 + и в BlackBerry Playbook.
Я не тестировал его с помощью веб-браузера, но я предполагаю, что он поддерживается в собственном браузере, он также должен поддерживаться в веб-просмотре.