如何在 Android 中隐藏 DIV 上的灰色滚动条 - 它们仅在您无法滚动时显示

Posted 2023-03-07

【中文标题】如何在 Android 中隐藏 DIV 上的灰色滚动条 - 它们仅在您无法滚动时显示

【英文标题】：How to hide grey scrollbars on a DIV in Android - they only show when you cannot scroll

【发布时间】：2014-02-08 22:58:22

【问题描述】：

我有一个使用 Phonegap Build v3.1.0 编译的简单 html/Jquery 应用程序。我正在使用带有style="width:100%;overflow:scroll;" 的DIV，以允许用户在不滚动主页的情况下滚动DIV 内的内容。

当 DIV 的内容很小（无法滚动）时，DIV 的右下边缘会出现灰色细线。他们不碰。我正在运行 android 4.4.2 的 Nexus 7 上进行测试。

当里面的内容足够大时，条形消失，滚动按预期进行。

如何去除灰线？它们与 DIV 内的内容重叠并破坏了外观而没有用处。

请注意，我正在使用 Phonegap Build 在线编译（不是使用 eclipse 在我的本地计算机上创建 .apk）。我所能做的就是编辑 config.xml 或我的 CSS。

【参考方案1】：

谢天谢地，一位朋友向我指出了这一点。

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

令人讨厌的是，有问题的“滚动条”毫无用处......

【讨论】：

滚动条有助于提高可用性，因为它们可以直观地指示您可以滚动以及滚动多远。但是 - 当内容不够长而无法滚动时，它们会出现，这令人沮丧。你找到解决方案了吗？

老兄！是的！谢谢你，一直在扯我的头发为什么 Chrome 添加滚动条而我特别有溢出：过去 3 小时隐藏，这解决了它。 （用它减去#whatever btw 将其应用于每一件事，因为 f-Chrome 为我考虑）

使用溢出：自动；内容不足时隐藏滚动条。 Overflow:scroll 将始终显示滚动条，这就是它应该工作的方式:)

是的，但是 REJH，您需要使用 overflow:scroll 来进行动量滚动。

【参考方案2】：

如果您只想在内容对于容器来说太长时显示滚动条，请使用overflow: auto

例如，如果您的 div 包含您只想在 y 方向滚动的内容：

.class  overflow-x: hidden; overflow-y: auto