Как прокрутить div внутри другого div?

Question

В моем Cordova 2.5.0 приложение для android, я создал лайтбокс, как всплывающее окно, которое является <div>. Теперь я хочу прокрутить внутренний div, который я не могу. Она имеет следующие структуры

___________#lightbox_____________ 
|        | 
|  _______#header_________ | 
|  |      | | 
|  _______________________ | 
|        | 
|  _____#wantToScroll_____ | 
|  |      | | 
|  |      | | 
|  |      | | 
|  |      | | 
|  | but doesn't  | | 
|  |      | | 
|  _______________________ | 

Css для #lightbox

width:100%; 
height:100%; 
overflow:hidden; 
float:left; 
position:absolute; 
top:0; 
left:0; 
display:none; 
background:rgba(0,0,0,.7); 

Css для #header

text-align:center; 

Css для #wantToScroll

font-size:large; 
    color:black; 
    padding:1% 3%; 
    line-height:1.5 em; 
    max-height:70%; 
    position:relative; 
    overflow:auto; 
    -webkit-overflow-scrolling: touch; 

Как это сделать? Есть ли проблема, связанная с конфликтом телефонной почты с родным scrollview или чем-то еще? Насколько я дошел до конца, это не так. Проблема заключается в позиционировании. Но я пробовал все комбинации относительного, фиксированного и абсолютного pos.

Просьба не предлагать использовать какой-либо внешний плагин, например, sencha или iscroll. Я думаю, что без них должно быть решение.

Answer 1

overflow: scroll 

не работает в Android 2.3.x,

вам нужно будет строить себя прокрутки путем прослушивания событий перетаскивания.

см. iScroll библиотека

Answer 2

Я не знаком с Android, но это не должно быть:

CSS для #wantToScroll

overflow: scroll; 

Answer 3

Я ничего не знаю, андроид либо, но это выглядит как хороший оле CSS для меня.

overflow: scroll; 

HERE является jsfiddle того, как мы хотели бы сделать это в обычном стиле сайта.

Answer 4

Wow! overflow:scroll/auto проигнорирован в Android версии 2.3.x. Я прочитал это по адресу MediaWiki

Итак, я попробовал запустить приложение на Android 4.2 и, танго! Он «делает» прокручивается в нем. Теперь единственная проблема, которую я вижу, когда я просматриваю конкретный <div>, полоса прокрутки появляется на всей странице, а не на этом конкретном элементе. Теперь я буду заботиться об этой проблеме и писать в стеке, если не был решен после нового R & D. Спасибо всем. overflow:scroll был полезен по большей части.

Но главный вопрос остается без ответа, почему бы не 2.3.x? Каков мотив игнорирования прокрутки для этой версии?