隐藏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被附加到body.有一个正确的垂直条,我无法摆脱.我怎么摆脱它？

Answer 1

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

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

如果要隐藏特定元素的滚动条,则:

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