Is there a way to hide the scroll indicators in a UIScrollView?

Question

I've got a use case where those indicators disturb the user interaction. Can I subclass and override a method or do something similar to remove the scroll indicators from the scroll view?

score 290 · Accepted Answer · edited Feb 15 '18 at 06:58

290

Set the showsHorizontalScrollIndicator and showsVerticalScrollIndicator properties of the UIScrollView to NO.

[tableView setShowsHorizontalScrollIndicator:NO];
[tableView setShowsVerticalScrollIndicator:NO];

Documentation - UIScrollView

edited Feb 15 '18 at 06:58

Pang

9,564
146
81
122

answered May 04 '09 at 21:20

retainCount

4,478
1
22
14

As learnt from Docs,you can even use it for scrollview directly! [scrollview setShowsHorizontalScrollIndicator:NO]; Thanks to @retainCount – Rajal Jan 22 '15 at 07:17
1

As of iOS 11, this should be called in viewWillAppear, it doesn't work if called in viewDidLoad – melvinto Mar 08 '18 at 17:38

Bhavesh Nayi · Answer 2 · 2018-05-28T13:38:12.260

72

//For UITableView - Objective-C

tbl.showsHorizontalScrollIndicator = NO;
tbl.showsVerticalScrollIndicator = NO;

//For UITableView - SWIFT 3.0

tbl.showsHorizontalScrollIndicator = false
tbl.showsVerticalScrollIndicator = false

//For UIScrollView - Objective-C

scrl.showsHorizontalScrollIndicator = NO;
scrl.showsVerticalScrollIndicator = NO;

//For UIScrollView - SWIFT

scrl.showsHorizontalScrollIndicator = false
scrl.showsVerticalScrollIndicator = false

Change from XIB or storyboard

edited May 28 '18 at 13:38

answered Apr 05 '13 at 07:18

Bhavesh Nayi

3,626
1
27
42

tableView also has checkboxes for this - I'm working with xCode 11 – Andy Weinstein Jul 08 '20 at 14:10

score 21 · Answer 3 · answered Sep 01 '14 at 06:15

21

For those looking to do this in Swift.

self.tableView.showsHorizontalScrollIndicator = false
self.tableView.showsVerticalScrollIndicator = false

answered Sep 01 '14 at 06:15

davidrayowens

1,562
2
13
23

score 11 · Answer 4 · answered Jun 02 '15 at 16:45

11

For UIScrollView in Swift

scrollView?.showsHorizontalScrollIndicator = false
scrollView?.showsVerticalScrollIndicator = false

answered Jun 02 '15 at 16:45

Matthew Usdin

1,264
1
19
20

score 7 · Answer 5 · edited May 01 '19 at 07:50

7

Swift 3.0 extension for UIScrollView and UITableView:

import Foundation

extension UIScrollView {
    func hideIndicators() {
        showsHorizontalScrollIndicator = false
        showsVerticalScrollIndicator = false
    }
}

edited May 01 '19 at 07:50

Bhavesh Nayi

705
4
15

answered Apr 24 '17 at 07:23

Roman Barzyczak

3,785
1
30
44

score 4 · Answer 6 · edited May 10 '15 at 11:29

4

These are your UITableView scrolling properties:

[YourTableView setShowsHorizontalScrollIndicator:NO];
[YourTableView setShowsVerticalScrollIndicator:NO];

These are your UIScrollView scrolling properties:

[YourScroll setShowsHorizontalScrollIndicator:NO];
[YourScroll setShowsVerticalScrollIndicator:NO];

edited May 10 '15 at 11:29

Cesare

9,139
16
78
130

answered Mar 20 '14 at 06:04

Darshan Kunjadiya

3,323
1
29
31

score 0 · Answer 7 · answered Jun 25 '20 at 13:26

No answers have worked for me because the focus ring of indicators is shown every time but I solve my problem via NSStoryboard.

NSCollectionView have a diagram;

Scroll View - Collection View then Clip View then Scroller (vertical) & Scroller (Horizontal)

Click any Scroller object then in Attributes Inspector set Focus Ring property to None. If you have not set it you can have a problem when users change the Appearance between Dark and Light.

Is there a way to hide the scroll indicators in a UIScrollView?

7 Answers7

Linked

Related