隐藏滚动条 Android KitKat 4.4

Posted 2023-03-07

【中文标题】隐藏滚动条 Android KitKat 4.4

【英文标题】：Hide scrollbar Android KitKat 4.4

【发布时间】：2013-11-07 13:23:28

【问题描述】：

我的 phonegap 构建应用在从 4.0.4 到 4.3 的所有 android 版本上都能正常运行。

当我在 KitKat 4.4 上对其进行测试时，一些内容未覆盖屏幕高度的页面会显示滚动条。在需要滚动内容的页面上隐藏滚动条。

我不知道问题是什么以及如何解决它。

有人知道如何解决吗？或者是否有 css 代码（不是overflow: ...;）或 jQuery 脚本如何防止它或制作一个比屏幕高度多几个像素的虚拟对象。

![屏幕截图][1] [1]：http://i.stack.imgur.com/bUaBS.png

【问题讨论】：

我建议发布您尝试过的内容，并稍微澄清一下，努力理解问题。

遇到了同样的问题......即使没有可滚动的内容，不覆盖整个屏幕的滚动视图现在也有滚动条

【参考方案1】：

从这里：https://developers.google.com/chrome/mobile/docs/webview/overview

Android 4.4 (KitKat) 包含一个新的 WebView 组件，该组件基于 Chromium 开源项目。

这意味着 Android 4.4 (KitKat) 现在将 Chrome 用于基于 WebView 的应用程序。在 Chrome 上，当使用 css 属性“overflow:scroll”时，浏览器会显示滚动条（即使内容小于父视图）。

将“溢出：滚动”更改为“溢出：自动”为我解决了这个问题。

【参考方案2】：

你可以用这个：

SELECTOR::-webkit-scrollbar 
  display: none;