隐藏Phonegap应用程序中的滚动条

Question

您好 我正在开发一个phonegap应用程序。这是可滚动区域的代码

<div id = "contentoutter" style ="width:'+winwidth+'px;height:'+screendummy+';float:left;overflow-x:hidden;overflow-y:auto;margin-top:'+height50+'px;-webkit-overflow-scrolling: touch;position:relative;">

此代码在javascript中，此div附加到正文。有一个正确的垂直条，我无法摆脱。我怎么摆脱它？

Answer 1

在CSS文件中使用-webkit-scrollbar。它将隐藏应用程序中的所有滚动条。

::-webkit-scrollbar { 
    display: none; 
}

如果要隐藏特定元素的滚动条，请：

#your_element::-webkit-scrollbar { 
    display: none; 
}