PhoneGap应用程序中的Android滚动条？

Question

我在android phonegap手机网站应用程序中遇到问题，我在我的应用程序中应用了滚动条，它在PC上运行良好，但是当我在android设备（手机）滚动条中未启用时进行测试。

Answer 1

使用此PhoneGap的链接

http://phonegap.pbworks.com/w/page/22863184/Hide%20the%20scrollbar%20in%20Android

这部作品在Android上，PhoneGap的应用进行垂直和水平滚动

Answer 2

代码看起来象

公共类MyActivity扩展DroidGap {

@Override 
    public void onCreate(Bundle savedInstanceState) { 

    super.onCreate(savedInstanceState); 

    super.loadUrl("file:///android_asset/www/index.html"); 

    // Display vertical scrollbar and hide horizontal scrollBar 
    super.appView.setVerticalScrollBarEnabled(true); 
    super.appView.setHorizontalScrollBarEnabled(false); 
    // set scrollbar style 
    super.appView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY); 
} 

}

Answer 3

我个人不喜欢iscroll ..不得不使用它，所以我发现了另一个解决了许多问题。你可以试试这个：

1）设置你DIV溢出自动（或滚动）并设置其高度

 <div id="wrapper" style="overflow:auto; height: 200px">...content...</div> 

（我通常是基于用户的屏幕尺寸与JavaScript的计算高度。我永远不会设置只是一个固定的高度为所有的设备，这仅仅是这个“演示”的宗旨）

2。 ）添加此javascript：

 <script> 
function isTouchDevice(){ 
    try{ 
     document.createEvent("TouchEvent"); 
     return true; 
    }catch(e){ 
     return false; 
    } 
} 

function touchScroll(id){ 
    if(isTouchDevice()){ //if touch events exist... 
     var el=document.getElementById(id); 
     var scrollStartPos=0; 

     document.getElementById(id).addEventListener("touchstart", function(event) { 
      scrollStartPos=this.scrollTop+event.touches[0].pageY; 
      event.preventDefault(); 
     },false); 

     document.getElementById(id).addEventListener("touchmove", function(event) { 
      this.scrollTop=scrollStartPos-event.touches[0].pageY; 
      event.preventDefault(); 
     },false); 
} 
} 
</script> 

3）把它在页面加载..如果你使用jQuery：

$(document).ready(function() { 
    touchScroll("wrapper"); 
}); 

4）如果你想让你的滚动条是可见的，只是定义如下的CSS规则：

::-webkit-scrollbar { 
    width: 10px; 
} 

::-webkit-scrollbar-track { 
    border-radius: 10px; 
} 

::-webkit-scrollbar-thumb { 
    border-radius: 10px; 
    background-color: #000; 
}