2014-02-01 2 views
4

Я пытаюсь создать простое приложение с Кордову, которые нацелены на андроидApache cordova на Android, где прокрутки?

Я просто хочу, чтобы иметь прокручивать DIV, но

  • если содержание меньше, чем высота в Див, тем полоса прокрутки всегда видна
  • если содержание больше, чем высота в Див, тем полоса прокрутки никогда не появится, даже если я перечисляю: прокрутка не возможна, но нет индикации положения прокрутки

Моя раскладка проста:

<body> 
    <div id='views'> 
     <div class='view'> 
      Lorem ipsum ... 
     </div> 
    </div> 
</body> 

Css прост тоже:

#views { 
    position : absolute; 
    top:0; right:0; bottom:0; left:0; 
} 

.view { 
    position : absolute; 
    top:0; right:0; bottom:0; left:0; 
    overflow-x     : hidden; 
    overflow-y     : scroll; 
    -webkit-overflow-scrolling : touch; 
    overflow-scrolling   : touch; 
} 

Затем я использую команду: Cordova запустить андроид

Примечание:

  • Я использую Cordova версии 3.3.1-0.3.1
  • тест на Nexus 7 обновлен (андроид kitkat)
  • с последнего андроида API: 19

Спасибо за вашу помощь

редактировать: Я просто пытаюсь с прошивкой тренажере (IOS 6,1), то полосы прокрутки, когда я видимые объекты прокручивать ...

[обновлено ] Спасибо, что помогли мне. Вот правильный код, чтобы иметь полосы прокрутки на андроид

[обновлено 2] Это не совсем нормально, попробуйте это, все окна прокрутки, а не только содержание .view

HTML

<body> 
    <div id='views'> 
     <div class='view'> 
      Lorem ipsum ... 
     </div> 
    </div> 
    <div id='menu-bt'></div> 
</body> 

CSS

.view { 
    position:absolute; 
    top:0; right:0; bottom:0; left:0; 
    overflow:visible; 
    -webkit-overflow-scrolling:touch; 
    overflow-scrolling:touch; 
} 

#menu-bt { 
    position:absolute; 
    right:40px; bottom:40px; 
    width:50px; height:50px; 
    background-color:green; 
} 

Затем добавьте эту строку в файл /plateforms/android/src/io/cordova/myProject/MyProject.java

super.appView.setVerticalScrollBarEnabled(true); 

ответ

2

Протестировано здесь и сменил переполнение до visible.

Кроме того, убедитесь, чтобы позволить скроллбары в вашем Android файл активности (как указано here), добавив следующую строку:

super.appView.setVerticalScrollBarEnabled(true); 
+0

Спасибо за ваш ответ, это работает!Я обновил свой вопрос с новым кодом –

+2

, к сожалению, это не совсем нормально, просто попробуйте добавить кнопку в абсолютном положении, и вы поймете, что я имею в виду, с вашим решением, прокрутку всего окна, а не только содержимое div: ( Я добавляю пример в свой вопрос –

+2

для более новых версий использования cordova: 'appView.getView(). SetVerticalScrollBarEnabled (true);' – dariosalvi

0

Перейти к: SystemWebViewEngine.java, который находится в yourAppName \ платформ \ Android \ CordovaLib \ SRC \ орг \ Apache \ Cordova \ SystemWebViewEngine.java

Набор webView.setVerticalScrollBarEnabled(true);

Смежные вопросы