Hiding the scroll bar in WebView

Question

I want to hide a vertical scroll bar in my WebView when I do not scroll the page. As for now, it is displayed always. I create a WebView programmatically, so my question is related to customization of the scroll bar programmatically. Thanks!

score 61 · Answer 1 · answered Aug 17 '11 at 07:01

61

try this code,

webView.setVerticalScrollBarEnabled(false);

answered Aug 17 '11 at 07:01

ilango j

5,967
2
28
25

Thank you. I was looking for exactly this – to give the in-app experience, rather than an in-an-iframe experience. – Mr Programmer Dec 06 '15 at 04:02

score 48 · Answer 2 · edited Dec 21 '18 at 15:18

48

No need to change your Java code.
It will work if you put android:scrollbars="none" in your XML.

<WebView
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:scrollbars="none" />

edited Dec 21 '18 at 15:18

Vadim Kotov

8,084
8
48
62

answered Oct 24 '13 at 09:16

Vettiyanakan

7,957
6
37
55

Sergey Glotov · Accepted Answer · 2016-11-07T13:02:12.123

16

setScrollbarFadingEnabled() method does exactly what you want. It hides scrollbar when the view isn't scrolling.

webView.setScrollbarFadingEnabled(true);

edited Nov 07 '16 at 13:02

answered Sep 27 '11 at 10:18

Sergey Glotov

20,200
11
84
98

score 13 · Answer 4 · edited Feb 27 '17 at 21:25

13

Set scrollbars to none in the XML for WebView. For reference try this code.

<WebView android:id="@+id/webView"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:scrollbars="none"/>

edited Feb 27 '17 at 21:25

Luis Lavieri

4,064
6
39
69

answered Jul 31 '13 at 18:47

score 8 · Answer 5 · answered Apr 09 '12 at 23:31

8

This is what you are after:

mWebView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);

answered Apr 09 '12 at 23:31

worked

5,762
5
54
79

score 2 · Answer 6 · answered Aug 28 '19 at 10:06

2

Try this -

For vertical scrollbar -

webView.setVerticalScrollBarEnabled(false)

For Horizontal scrollbar -

webView.setHorizontalScrollBarEnabled(false);

answered Aug 28 '19 at 10:06

Sujeet Kumar

256
1
11

score 1 · Answer 7 · answered Jan 06 '15 at 08:52

Similar to other answers but to get a scrollbar that behaves like the one in ListView, this is the code:

webView.setScrollbarFadingEnabled(true); // Explicitly, however it's a default, I think.
webView.setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY);

score 1 · Answer 8 · edited May 24 '20 at 18:41

1

This finally worked for me:

mWebView.setVerticalScrollBarEnabled(false);

edited May 24 '20 at 18:41

the Tin Man

158,662
42
215
303

answered May 24 '20 at 16:10

Ian Mabuka

11
1

It helps more if you supply an explanation why this is the preferred solution and explain how it works. We want to educate, not just provide code. – the Tin Man May 24 '20 at 18:41

Hiding the scroll bar in WebView

8 Answers8

Linked

Related