Javascript iscroll在phonegap中不工作?如何在phonegap中使用iscroll

Javascript iscroll在phonegap中不工作?如何在phonegap中使用iscroll,javascript,jquery,cordova,Javascript,Jquery,Cordova,我已经在android phonegap中创建了应用程序。我使用iColl在div中动态显示滚动条,因为我添加了列表并动态显示 它显示带有附加列表的div,但不显示滚动条 在logcat中,我得到了以下错误: 03-21 16:09:02.669:WARN/webview(2166):在等待WebCore对触地的响应时,我们错过了一次拖动 我的代码是 我已经用来显示滚动条了 var scroll1; function loaded() { scroll1 = new iScroll('s

我已经在android phonegap中创建了应用程序。我使用iColl在div中动态显示滚动条,因为我添加了列表并动态显示

它显示带有附加列表的div,但不显示滚动条

在logcat中,我得到了以下错误:

03-21 16:09:02.669:WARN/webview(2166):在等待WebCore对触地的响应时,我们错过了一次拖动

我的代码是

我已经用来显示滚动条了

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


}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
<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>
滚动条的js是

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

<script type="text/javascript">

如何使用动态分区显示scroollbar?请指导我。提前感谢

我假设您谈论的是水平滚动,此时属性hScroll默认为true。如果是垂直的,则在创建iScroll元素时,还需要将vScroll设置为true

如果您有一个动态生成的列表,则需要使用
scroll1.refresh()
来注意生成的内容

另外,由于iScroll将其切换为
overflow:hidden
,因此没有必要为标准设置
overflow:auto

但正如文档中所述,让iScroll工作的最佳方法是将结构设置为(我假设您已经有了):


  • 内容

这没有错,我们正在等待WebCore对touch downhai的响应,谢谢您的回复。我在哪里设置为vScroll=true,在哪里使用Scroll 1。刷新()请指导我。提前感谢。我的错误:hScroll默认为false,而vScroll为true。但是您可以在参数中切换这些参数,例如:scroll1=newiscroll('standard'{'vScroll':true});并在向滚动条区域添加动态内容时使用.refresh()。
<div id="standard">
    <div class="scroller">
         <div id="button"></div>
       <div id="list">

       </div>

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