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

回答

相關問題