iscroll在phonegap中不起作用？如何在phonegap中使用iscroll？

Question

我已经在Android PhoneGap中创建了一个应用程序。我使用iscroll来动态显示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中显示滚动条？请指导我。谢谢！

- nathi

---

这不是错误，我们正在等待WebCore对触摸按下的响应。 - ghostCoder

Answer 1

我猜你在谈论水平滚动，当属性 hScroll 默认为true时。如果是垂直滚动，创建iScroll元素时也需要将vScroll设置为true。

如果你有一个动态生成的列表，你需要使用scroll1.refresh()来通知生成的内容。

另外，对于#standard使用overflow:auto是不必要的，因为iScroll会将其切换为overflow:hidden。

但正如文档中所述，使iScroll工作的最佳方式是拥有以下结构（我猜你已经有了）：

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

- Samuli Hakoniemi

---

嗨，感谢您的回复。请指导我在哪里设置vScroll=true以及在哪里使用scroll1.refresh()。提前致谢。 - nathi

我的错误：hScroll 默认为 false，而 vScroll 为 true。但是你可以在参数中切换它们，例如：scroll1 = new iScroll('standard' {'vScroll':true});并且每当您向滚动区域添加动态内容时，请使用 .refresh()。 - Samuli Hakoniemi