Remove scroll bar track from ScrollView in Android

Question

My Android app has a main WebView (HTML loaded from a local resource) which I want to use the entire width of the screen and be able to make (vertically) scrollable. So I've wrapped the WebView in a ScrollView in my layout XML, but no matter what I do I can't seem to be able to remove the scroll bar track from the right side of the scroll view. Even worse, I can't seem to be able to change the background colour of the scroll bar track.

The track takes up about 10dp's or so, which is creating problems for the HTML in the WebView. I'd like the scroll bar to appear on top of the web view (iPhone style, if you know what I mean). Now, you could say "why don't you change your HTML to be 10px thinner?", which is my fallback solution, but I'd much rather not have to.

Here's the relevant snippet of layout XML, you'll see I've tried every android:etc attribute I could find:

<ScrollView android:id="@+id/deal_web_view_holder" android:layout_below="@id/clock_bar_holder" android:layout_width="fill_parent" android:layout_height="fill_parent" android:fillViewport="false" android:fadingEdge="none" android:background="#02a7e9" android:scrollbars="none" android:scrollbarSize="0dp" android:paddingRight="0dp" android:scrollbarAlwaysDrawVerticalTrack="false" android:scrollbarStyle="insideOverlay" android:scrollbarTrackVertical="@drawable/scrollbar_track_vertical" > <WebView android:id="@+id/deal_web_view" android:layout_width="fill_parent" android:layout_height="wrap_content"/> </ScrollView>

I'm targeting platform 2.1 / API lvl 7, really just dealing with normal size displays, mdp, hdp and xhdp.

Garzahd · Accepted Answer · 2017-09-27 13:37:12Z

509

To remove a scrollbar from a view (and its subclass) via xml:

android:scrollbars="none"

http://developer.android.com/reference/android/view/View.html#attr_android:scrollbars

edited Sep 27, 2017 at 13:37

user663031

answered Jan 20, 2012 at 2:55

Garzahd

5,7593 gold badges20 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sudhanshu Over a year ago

This is not what the question poster asked. He said he would like the scrollbar to appear on top of the web view content

abhinavrathore019 Over a year ago

It works but you will not be able to scroll the screen when keyboard is open

Biswas Khayargoli Over a year ago

android:scrollbarThumbVertical="@null" Add this on scrollview if you want your screen to scroll when keyboard is open :)

jkhouw1 · Accepted Answer · 2011-06-08 01:34:24Z

29

try this is your activity onCreate:

ScrollView sView = (ScrollView)findViewById(R.id.deal_web_view_holder); // Hide the Scollbar sView.setVerticalScrollBarEnabled(false); sView.setHorizontalScrollBarEnabled(false);

http://developer.android.com/reference/android/view/View.html#setVerticalScrollBarEnabled%28boolean%29

answered Jun 8, 2011 at 1:34

jkhouw1

7,3354 gold badges34 silver badges24 bronze badges

1 Comment

Mick Byrne Over a year ago

Thanks... I'd tried that one already (in code and in the layout.xml), but this approach still interfered with the horizontal size of the WebView within the ScrollView. The best solution was the one provided above, just removing the ScrollView altogether and allowing the WebView to handle the scrolling itself. The root problem was my lack of understanding of how when it was appropriate to use a ScrollView at all; i.e. every view in Android can handle scrolling.

Haresh Chaudhary · Accepted Answer · 2012-10-26 09:52:27Z

18

I'm a little confused why you are putting a WebView into a ScrollView in the first place. A WebView has it's own built-in scrolling system.

Regarding your actual question, if you want the Scrollbar to show up on top, you can use

view.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY) or android:scrollbarStyle="insideOverlay"

edited Oct 26, 2012 at 9:52

Haresh Chaudhary

4,4001 gold badge37 silver badges58 bronze badges

answered Jun 8, 2011 at 1:55

Christopher Souvey

2,91023 silver badges21 bronze badges

4 Comments

Mick Byrne Over a year ago

Yes, you're right about not needing the ScrollView in the first place, I worked that out myself before checking back here. The 'setScrollBarStyle' on the web view worked a treat, thanks!

A Person Over a year ago

Not only is it not needed, a ScrollView cannot contain scrollable views, so your WebView would not have scrolled anyway

Misagh Emamverdi Over a year ago

Not working. The correct answer is Garzahd's answer.

Araib karim Over a year ago

the correct answer is below, android:scrollbars="none"

JorgeAmVF · Accepted Answer · 2019-04-18 01:26:09Z

5

Solved my problem by adding this to my ListView:

android:scrollbars="none"

edited Apr 18, 2019 at 1:26

JorgeAmVF

1,7213 gold badges23 silver badges32 bronze badges

answered Apr 28, 2017 at 20:12

Samir

6,6275 gold badges42 silver badges44 bronze badges

Comments

VJ Vishal Jogiya · Accepted Answer · 2017-08-18 06:47:35Z

These solutions Failed in my case with Relative Layout and If KeyBoard is Open android:scrollbars="none" & android:scrollbarStyle="insideOverlay" also not working.

toolbar is gone, my done button is gone.

This one is Working for me

myScrollView.setVerticalScrollBarEnabled(false);

Md. Asaduzzaman · Accepted Answer · 2018-10-25 06:31:11Z

2

By using below, solved the problem

android:scrollbarThumbVertical="@null"

answered Oct 25, 2018 at 6:31

Md. Asaduzzaman

15.5k2 gold badges36 silver badges48 bronze badges

1 Comment

sɐunıɔןɐqɐp Over a year ago

From Review: Hi, please don't answer just with source code. Try to provide a nice description about how your solution works. See: How do I write a good answer?. Thanks

Collectives™ on Stack Overflow

Remove scroll bar track from ScrollView in Android

6 Answers 6

3 Comments

1 Comment

4 Comments

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

1 Comment

4 Comments

Comments

Comments

1 Comment

Linked

Related