iscroll не работает в phonegap? как использовать iscroll в phonegap

Question

Я создал приложение в AndroidGap PhoneGap. Я использовал iscoll для динамического отображения полосы прокрутки в div. Я добавил список и отображаю динамически.

Показывает div с добавленным списком, но полоса прокрутки не

В logcat я получил следующую ошибку:

03-21 16:09:02.669: WARN/webview(2166): Miss a drag as we are waiting for WebCore's response for touch down.

Мой код

Я использовал cubiq.org/ iscroll-4 для отображения полосы прокрутки

js для полосы прокрутки

<script type="text/javascript" charset="utf-8" src="iscroll.js"></script>

<script type="text/javascript">

функция для отображения полосы прокрутки

var scroll1;
function loaded() {
    scroll1 = new iScroll('standard');


}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', loaded, false);
</script>

css для полосы прокрутки

<style type="text/css" media="all">

body {
    font-size:12px;
    -webkit-user-select:none;
    -webkit-text-size-adjust:none;
    font-family:helvetica;
    padding:20px;
}

#standard {
    position:relative; z-index:1;
    display:block; float:left;
    width:100px; height:150px;
    background:#aaa;
    overflow:auto;
    border:1px solid #aaa;
}

#standard {
    margin-right:20px;
}

.scroller {
    position:absolute; z-index:1;

    -webkit-tap-highlight-color:rgba(0,0,0,0);
    width:100%;
    padding:0;
}
</style>

Я добавил список с div(id="list") и добавил кнопку с div(id="button")

<div id="standard">
    <div class="scroller">
         <div id="button"></div>
       <div id="list">

       </div>

    </div>
</div>

, как отобразить полосу прокрутки с динамическим div.заранее спасибо

Answer 1

Я предполагаю, что вы говорите о горизонтальной прокрутке, когда для свойства hScroll по умолчанию установлено значение true. Если он вертикальный, вам нужно установить vScroll как true также при создании элемента iScroll.

Если у вас динамически генерируемый список, вам нужно использовать scroll1.refresh(), чтобы заметить сгенерированный контент.

Кроме того, наличие overflow:auto для #standard не требуется, поскольку iScroll переключает его на overflow:hidden.

Но, как указано в документации, лучший способ заставить iScroll работать, это иметь такую ​​структуру (которую, я полагаю, у вас уже есть):

<div id='ScrollWrapper'>
<ul>
  <li>content</li>
</ul>
</div>