安卓webview怎样隐藏滚动条

在 Android WebView 中，滚动条通常来自两层：

1. WebView 自身的滚动条（Android 原生层）
2. 网页内容里的滚动条（CSS / HTML 层）

要“彻底隐藏滚动条”，两边都要处理。

一、隐藏 WebView 原生滚动条（Java / Kotlin）

Java

webView.setVerticalScrollBarEnabled(false);
webView.setHorizontalScrollBarEnabled(false);

Kotlin

webView.isVerticalScrollBarEnabled = false
webView.isHorizontalScrollBarEnabled = false

✅ 这会隐藏 Android 系统绘制的滚动条。

二、隐藏网页中的滚动条（CSS）

即使原生滚动条关了，网页内部的 overflow: scroll 仍可能显示滚动条，需要用 CSS。

1️⃣ 通用隐藏（推荐）

/* 隐藏所有滚动条 */
::-webkit-scrollbar {
    display: none;
}

⚠️ 对 Android WebView（基于 Chromium）有效

2️⃣ 只隐藏某个元素

.scroll-container {
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE */
    scrollbar-width: none;     /* Firefox */
}

.scroll-container::-webkit-scrollbar {
    display: none;
}

3️⃣ 禁止页面整体滚动条

html, body {
    overflow: hidden;
}

（仅在你不希望用户滚动时使用）

三、常见问题

✅ WebView 仍有一点滚动痕迹？

可能是：

• 页面用了 position: fixed
• 有 body { height: 100% }

可尝试：

html, body {
    height: 100%;
    overflow: hidden;
}

✅ 想“可滚动但看不见滚动条”

✅ 正确姿势：

overflow-y: scroll;
::-webkit-scrollbar { display: none; }

四、完整示例（WebView + CSS）

WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);

webView.setVerticalScrollBarEnabled(false);
webView.setHorizontalScrollBarEnabled(false);
webView.loadUrl("file:///android_asset/index.html");

<style>
::-webkit-scrollbar {
    display: none;
}
</style>

如果你有具体场景（比如：全屏 H5、 React / Vue、嵌套滚动、视频页面），可以告诉我，我给你更精确的方案。