Question

Once an HTML is loaded in to a webview, I get a white stripe on the right and bottom of the layout. For the right one I solved it using:

setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY);

However, I have tried many options to remove the bottom one with no success. Even after I read all the related posts. If more code is required please let me know.

xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" 
android:layout_height="fill_parent"
>

<WebView android:autoLink="web" 
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:id="@+id/webview1" 
     android:textColor="@android:color/black"
     ></WebView>

</LinearLayout>

activity

browse = (WebView) findViewById(R.id.webview1);
browse.getSettings().setJavaScriptEnabled(true);
browse.getSettings().setUseWideViewPort(true);
browse.getSettings().setLoadWithOverviewMode(true);
browse.setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY);
browse.setScrollbarFadingEnabled(false);

Answer 1

In your WebView xml, add android:scrollbars=”none”

<WebView android:autoLink="web" 
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:id="@+id/webview1" 
 android:textColor="@android:color/black"
 android:scrollbars="none"
 ></WebView>

And remove the setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY);