UICollectionView - Scrolling to first cell

Question

I'm making use of UICollectionView and I need to scroll to first cell after click in a button.

The button is located in a (big) header section in my collection view... when clicking int it, I need scroll to my first cell located bellow of this button.

I created a action of this button, but I don't know how to scroll to first UICollectionViewCell.

Can someone help me?

Jacopo Penzo · Accepted Answer · 2016-11-25T02:01:15.133

50

Use this delegate method, setting the indexPath at the first position:

Swift

self.collectionView?.scrollToItemAtIndexPath(NSIndexPath(forItem: 0, inSection: 0), 
                                                atScrollPosition: .Top, 
                                                        animated: true)

Swift 3

self.collectionView?.scrollToItem(at: IndexPath(row: 0, section: 0), 
                                  at: .top, 
                            animated: true)

Objective-C

[self.collectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForItem:0 inSection:0] 
                            atScrollPosition:UICollectionViewScrollPositionTop
                                    animated:YES];

Change UICollectionViewScrollPositionTop if you want to scroll and stop at a different position

edited Nov 25 '16 at 02:01

answered Aug 28 '15 at 03:01

Jacopo Penzo

2,168
2
24
29

1

Swift 3 version: `self.collectionView?.scrollToItem(at: IndexPath(row: 0, section: 0), at: .top, animated: true)` – Libor Zapletal Nov 24 '16 at 10:11
2

This will scroll to the first visible cell, not to the first cell in the collectionView. – Alex Nov 25 '16 at 19:36
@Alex, No, it scrolls to the first cell in the collectionView. – Iulian Onofrei Apr 02 '19 at 09:30

score 14 · Answer 2 · answered Aug 12 '16 at 08:23

14

It might be possible to use the UIScrollView related property

collectionView.contentOffset.x = 0

answered Aug 12 '16 at 08:23

This one worked best. It doesn't animate but scrollToItem doesn't factor in any edge insets you have. – Travis M. Sep 14 '17 at 20:16

score 3 · Answer 3 · answered Mar 20 '18 at 06:58

The following solution works fine for me:

UIView.animate(withDuration: 0.5, animations: {
     self.collectionView?.contentOffset.x = 0
})

It scrolls to the first item and the contentInset can be seen as well.

score 2 · Answer 4 · answered Apr 09 '17 at 23:22

2

You can use this for Objective - C

        [self.restaurantCollectionView setContentOffset:CGPointZero animated:YES];

answered Apr 09 '17 at 23:22

Celil Bozkurt

1,693
16
18

score 1 · Answer 5 · answered Jan 08 '19 at 17:22

1

 scrollView.setContentOffset(CGPoint(x: 0.0, y: 0.0), animated: true)

answered Jan 08 '19 at 17:22

JP Aquino

3,946
1
23
25

score 0 · Answer 6 · answered Aug 28 '15 at 02:51

0

Default CollectionView Delgeate...

- (void)scrollToItemAtIndexPath:(NSIndexPath *)indexPath atScrollPosition:(UICollectionViewScrollPosition)scrollPosition animated:(BOOL)animated;

answered Aug 28 '15 at 02:51

Kavita

176
8

score 0 · Answer 7 · answered Nov 15 '17 at 13:17

0

if let indexPath = self.collectionView?.indexPathForItem(at: CGPoint(x: 0, y: 0)) {
            self.collectionView?.scrollToItem(at: indexPath, at: .top, animated: false)
}

answered Nov 15 '17 at 13:17

Samy Nagy

190
1
6

score 0 · Answer 8 · answered Aug 03 '19 at 16:45

I found to work reliably on all devices and correctly handle iPhone X-style safe areas.

let top = CGPoint(x: collectionView.contentOffset.x,
                  y: collectionView.adjustedContentInset.top)
collectionView.setContentOffset(top, animated: false)

(This scrolls vertically to the top but you could easily make it scroll to the top-left if you wanted.)

UICollectionView - Scrolling to first cell

8 Answers8

Linked