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

Question

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

Answer 1

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

http://cubiq.org/iscroll

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

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

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

Answer 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); 
}

Answer 3

Обновление (так как это один из 1 результатов поиска на "полосе прокрутки webkit android"):
overflow:scroll поддерживается в Android с Honeycomb, я считаю. Конечно, v 3.2+ и кроссплатформенность также в iOS5 + и на BlackBerry Playbook.
В частности, я не тестировал его с webview, но я предполагаю, что, поскольку он поддерживается в собственном браузере, он должен поддерживаться и в webview.