iscroll is not in phonegap？如何在phonegap中使用iscroll

我在android phonegap中创建了应用程序。我已经使用iscoll在div中动态显示滚动条了，因为我有附加列表并且动态显示。iscroll is not in phonegap？如何在phonegap中使用iscroll

它显示带附加列表的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>

如何与动态显示scroollbar div.?please指导我。在此先感谢

来源

2012-03-21 nathi

这就是没有错误小姐，我们正在等待阻力WebCore的触摸响应 – ghostCoder 2012-03-21 12:08:13

我假设你说的是水平滚动，当属性hScroll默认为true。如果它是垂直的，则在创建iScroll元素时，您需要将vScroll设置为true。

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

此外，由于iScroll将其切换为overflow:hidden，因此不需要#standard overflow:auto。

但是，像文档中所述，得到iScroll最好的工作方式，是有结构的（我假设你已经有了）：

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

来源

2012-03-21 11:58:21 zvona

海，感谢您的答复。我设置为vScroll = true，并在其中使用scroll1.refresh（）请提前指导我。 – nathi 2012-03-21 12:23:40

我的错误：hScroll默认为false，而vScroll为true。但你可以在参数中切换这些参数，例如：scroll1 = new iScroll（'standard'{'vScroll'：true}）; 每当向动画区域添加动态内容时，请使用.refresh（）。 – zvona 2012-03-22 14:19:48

iscroll is not in phonegap？如何在phonegap中使用iscroll

回答

相关问题