Hide scrollbar in ScrollView

Question

I have an app with a ScrollView, and I don't want the scrollbar to appear on the screen. How can I hide the scrollbar in a ScrollView while making sure scrolling still works?

enter image description here

Possible duplicate of [Remove scroll bar track from ScrollView in Android](https://stackoverflow.com/questions/6273335/remove-scroll-bar-track-from-scrollview-in-android) — Erick Petrucelli, Dec 03 '18 at 12:42

score 197 · Accepted Answer · edited Mar 07 '21 at 22:58

197

In Java add this code:

myScrollView.setVerticalScrollBarEnabled(false);
myScrollView.setHorizontalScrollBarEnabled(false);

In XML add following attribute to your ScrollView:

android:scrollbars="none"

Like this:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/mainScroll"
android:scrollbars="none" <!-- line to be added -->
>

edited Mar 07 '21 at 22:58

live-love

41,600
19
198
177

answered Feb 29 '12 at 06:04

Umar Qureshi

5,697
2
29
40

can you tell me how can i handle onScrollChanged event? – Nikunj Patel Feb 29 '12 at 06:11
See this question it may help. http://stackoverflow.com/questions/4263053/android-scrollview-onscrollchanged – Umar Qureshi Feb 29 '12 at 06:35
16

scroll functionality does NOT work with this solution – ergunkocak Sep 07 '16 at 14:22
android:scrollbarSize="0dp" – asim Sep 05 '19 at 20:28
Using scrollbars="none" doesn't allow the user to scroll sometimes – tiagocarvalho92 Dec 27 '19 at 15:07

score 36 · Answer 2 · answered Jun 23 '16 at 05:38

36

This will hide the Scroll bar stick but scroll bar is not disable

android:scrollbarThumbVertical="@null"

android:scrollbarThumbHorizontal="@null"

This will disable the scroll bar

android:scrollbars="none"

answered Jun 23 '16 at 05:38

Kishor N R

1,451
1
16
21

1

`android:scrollbars="none"` does not disable scrollbars.you can scroll but just hides ` scrollview stick` – MMK Nov 14 '18 at 08:44

score 14 · Answer 3 · edited Mar 05 '14 at 07:13

14

In XML set android:scrollbars="none"

edited Mar 05 '14 at 07:13

Talha Ahmed Khan

14,542
10
41
48

answered Feb 29 '12 at 06:04

Ramesh Akula

5,630
4
40
65

can you tell me how can i handle onScrollChanged event? – Nikunj Patel Feb 29 '12 at 06:12
4

scroll functionality does NOT work with this solution – ergunkocak Sep 07 '16 at 14:22
Do you know why this makes the view NOT scrollable? – tiagocarvalho92 Dec 27 '19 at 15:09

score 7 · Answer 4 · answered Nov 07 '15 at 12:18

7

Try this, it is also working...

android:scrollbarThumbVertical="@null"

or

android:scrollbarThumbHorizontal="@null"

answered Nov 07 '15 at 12:18

Khan

3,655
3
36
61

score 5 · Answer 5 · answered Sep 17 '18 at 07:28

5

In my experience,

android:scrollbarThumbVertical="@null"

can cause NullPointerException in older devices. Use this instead:

android:scrollbarThumbVertical="@android:color/transparent"

Cheers!

answered Sep 17 '18 at 07:28

user1506104

5,648
2
59
76

score 3 · Answer 6 · answered Feb 08 '19 at 11:26

you have to try the following solutions

    android:scrollbars="none"

OR

    android:scrollbarThumbVertical="@null"
    android:scrollbarThumbHorizontal="@null"

OR Change color of scrollBars to hide them

    android:scrollbarThumbVertical="@android:color/transparent"

score 2 · Answer 7 · edited Jun 03 '18 at 14:52

2

For hiding a vertical scrollbar, do this in the XML:

android:scrollbarThumbVertical="@null"

And for Hiding horizontal scrollbar do this :

android:scrollbarThumbHorizontal="@null"

The above lines of codes will work if you want to hide the scrollbar without disabling it.

And for disabling a scrollbar, write this:

android:scrollbars="none"

edited Jun 03 '18 at 14:52

Zoe stands with Ukraine

25,310
18
114
149

answered Oct 06 '17 at 18:45

saurabh gupta

433
6
16

score 2 · Answer 8 · edited Jun 03 '18 at 14:51

2

In the XML layout, add this property:

android:scrollbarSize="0dp"

edited Jun 03 '18 at 14:51

Zoe stands with Ukraine

25,310
18
114
149

answered Feb 29 '12 at 06:09

Maneesh

6,028
5
35
54

score 1 · Answer 9 · answered Feb 10 '19 at 19:56

1

Now the scroll does not work anymore if u set android:scrollbars="none"

I have solved the problem with

  android:scrollbars="vertical" // or horizontal

and setting its size to 0 dp

  android:scrollbarSize="0dp"

answered Feb 10 '19 at 19:56

Matej Vukosav

626
8
12

score 1 · Answer 10 · answered Oct 07 '19 at 11:59

1

If you are making "custom" HorizontalScrollView then you should set those properties in code like so

this.scrollBarSize = 0 this.isHorizontalScrollBarEnabled = false

That is the only way I got mine to work.

answered Oct 07 '19 at 11:59

saintjab

1,497
18
28

score 1 · Answer 11 · answered Apr 28 '20 at 20:51

Kotlin Solution

If you need to do this programmatically, you can set either one or both of:

scrollView.isHorizontalScrollBarEnabled = false
scrollView.isVerticalScrollBarEnabled = false

If you'll be applying both regularly, try adding this extension

fun ScrollView.noScrollbars() {
    isHorizontalScrollBarEnabled = false
    isVerticalScrollBarEnabled = false
}

To easily allow switching, you can add an optional boolean

fun ScrollView.noScrollbars(hide: Boolean = true) {
    isHorizontalScrollBarEnabled = !hide
    isVerticalScrollBarEnabled = !hide
}

Hide scrollbar in ScrollView

11 Answers11

Kotlin Solution

Linked

Related