如何隐藏滚动条灰色在Android的一个DIV - 他们只显示当你不能滚动 [英] How to hide grey scrollbars on a DIV in Android - they only show when you cannot scroll

问题描述

我有PhoneGap的编译一个简单的HTML / jQuery的应用程序构建V3.1.0。我使用与 A DIV的风格=宽度：100％;溢出：滚动;来允许用户滚动DIV内的内容不滚动的主页。

I have a simple HTML/Jquery app compiled with Phonegap Build v3.1.0. I am using a DIV with style="width:100%;overflow:scroll;" to allow users to scroll content inside the DIV without scrolling the main page.

在该DIV的内容比较小（没有滚动可能）有右侧和DIV的底部边缘薄灰线。他们不碰。我测试在运行Android 4.4.2一台Nexus 7。

When the DIV's content is small (no scrolling possible) there are thin grey lines on the right and bottom edge of the DIV. They do not touch. I am testing on a Nexus 7 running Android 4.4.2.

在里面的内容足够大，酒吧消失，如预期的那样滚动进行。

When the content inside is large enough, the bars disappear and the scrolling performs as expected.

我如何删除灰线？他们重叠DIV里面的内容，破坏外观，而不是有用的。

How can I remove the gray lines? They overlap the content inside the DIV and ruin the appearance without being useful.

请注意，我用的PhoneGap编译建立在线（没有创造与Eclipse我的本地机器上的.apk文件）。所有我能做的就是编辑config.xml的还是我的CSS。

Note I am compiling with Phonegap Build online (not creating the .apk on my local machine with eclipse). All I can do is edit config.xml or my CSS.

推荐答案

幸运的朋友指出了这一点给我。

Thankfully a friend pointed this out to me.

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

这很烦人的滚动条问题是没有用任何....

It's annoying that the 'scrollbars' in question are no use whatsoever....

这篇关于如何隐藏滚动条灰色在Android的一个DIV - 他们只显示当你不能滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！