Android WebView 在特定设备上无法滚动

Android WebView cannot be scrolled in particular device

我阅读了一些关于此问题的帖子 (this, this, this),但没有解决我的问题。

这是一个相当简单的 WebView 组件,它在 html 模板中加载 JSON 数据。独特的情况可能是它是 activity.

中的选项卡片段组件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:focusableInTouchMode="true">
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="gone" />
    <view.BKProgressBar
        android:id="@+id/progressBar"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" />
</RelativeLayout>

这是 Java 代码:

        webView = view.findViewById(R.id.webView);
        progressBar = view.findViewById(R.id.progressBar);

        webView.getSettings().setJavaScriptEnabled(true);
        webView.setVerticalScrollBarEnabled(true);

        webView.setWebViewClient(new WebViewClient() {
            public void onPageFinished(WebView view, String url) {
                webView.setVisibility(View.VISIBLE);
                progressBar.setVisibility(View.GONE);
            }
        });

        progressBar.setVisibility(View.GONE);
        webView.setVisibility(View.VISIBLE);


        webView.addJavascriptInterface(new WebAppInterface(getActivity()), "AndroidNativeWrapper");

        reloadJSON();

设备型号为华为ATU-L21 运行 Android 8.有没有人遇到同样的问题?

试试这个

webView.getSettings().setLoadsImagesAutomatically(true);
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setPluginState(WebSettings.PluginState.ON);
webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
webView.getSettings().setUseWideViewPort(true);
webView.getSettings().setSupportZoom(true);
webView.getSettings().setBuiltInZoomControls(true);
webView.getSettings().setDisplayZoomControls(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.setVerticalScrollBarEnabled(true);
webView.setHorizontalScrollBarEnabled(true);
webView.getSettings().setUseWideViewPort(true);
webView.getSettings().setAllowFileAccess(true);
webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
webView.setWebChromeClient(new WebChromeClient());

事实证明,这是 html 模板中的 one-liner 解决方案:

html {
    overflow-y:auto;
}

感谢我的同事。之前我也怀疑过这个,但是一直懒得调试。我希望它能帮助别人。