Disabling Horizontal Scrolling from UIScrollView Swift

Question

Scroll View

I have a UIScrollView, with constraints left: 0, top: 0, right: 0, bottom: 0

Inside Scroll View

At the top of this UIScrollView is a UIImageView with constraints left: 0, top: 0, right: 0, height: 200

Underneath this I have a UITextView with constraints left: 0, top: 0, right: 0, bottom: 0

This means the UITextView will resize with respect to its content, and I set the scrollingEnabled to false for the UITextView.

So, when I run, it almost works perfectly.

The one problem is the UIImageView takes up about 10% more than the actual screen width. Hence, horizontal scrolling is enabled.

I have tried adding the lines

imageView.frame = CGRect(0, 0, screenSize.width, 200)
scrlView.contentSize.width = screenSize.width

but this makes no difference. I can still scroll horizontally and the Image View still takes up around 10% more than the actual screen width.

Note, I have not set imageView screen width in storyboard, only programatically.

Any ideas?

See this link http://stackoverflow.com/questions/27326924/swift-uiscrollview-correct-implementation-for-only-vertical-scrolling — Hardik Shekhat, Aug 25 '15 at 07:37
I met same issue many times in the past. I solved my problem with using contentview in scrollView. I advice use uiview as contentview in scrollView. The fundamental point is width of contentView should be equal scrollView's width. All your imageview textview etc must be in content view. — muhammedkasva, Aug 25 '15 at 08:07
Normally the scrollview won't scroll if the `contentsize.width <= width` of the scrollview, so if you don't want to do any calculation, safely set the `contentsize.width = 0;` that will eliminate the scroll for sure. — iphonic, Aug 25 '15 at 08:11

score 32 · Answer 1 · answered Jul 28 '18 at 18:43

Swift 4

Horizontal Scroll Lock

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    if scrollView.contentOffset.x != 0 {
        scrollView.contentOffset.x = 0
    }
}

You can change the x to y for vertical scrolling.

Make sure to add UIScrollViewDelegate like this:

class MyViewController: UIViewController, UIScrollViewDelegate {

    @IBOutlet var scrollView: UIScrollView!

    ...
}

And set the delegate for the ScrollView

scrollView.delegate = self

score 30 · Accepted Answer · edited Feb 12 '20 at 13:46

30

Like this,

Swift 4.0

func scrollViewDidScroll(scrollView: UIScrollView) {
    if scrollView.contentOffset.x>0 {
        scrollView.contentOffset.x = 0
    }
}

And, you can set this property:

scrollImg.isDirectionalLockEnabled = true

edited Feb 12 '20 at 13:46

Krunal Nagvadia

1,083
2
12
33

answered Aug 25 '15 at 07:12

Larry Pickles

4,615
2
19
36

perfect, it worked with the first function. what does the `directionLockEnabled` do? – Greg Peckory Aug 25 '15 at 08:29
Actually, the scrolling has stopped, but the imageView is still too large – Greg Peckory Aug 25 '15 at 08:43
3

You should add `scrollView.contentOffset.x < 0` too, otherwise good answer. – Rashwan L Jan 07 '16 at 22:49
I have only one problem with this solution. When I try to scroll horizontally, it won't scroll but it will also block vertical scrolling for about a second. Does anybody know a solution for this? – ndreisg Mar 02 '18 at 12:58
This should definitely be HunterCopp's answer below ( != 0), otherwise can scroll diagonally sideways (up/down). – Claytog Aug 23 '19 at 01:35
Correct answer (Y) – Umair_UAS Jan 06 '20 at 09:26
It's better replace 'scrollView.contentOffset.x > 0' with 'scrollView.contentOffset.x != 0' to disable scrolling in both directions along x axis. – nadein Jul 11 '21 at 10:59

score 28 · Answer 3 · edited Feb 23 '19 at 00:45

28

I changed this so that it just returns 0. No need to check at all if you want scroll off.

func scrollViewDidScroll(scrollView: UIScrollView) {
    scrollView.contentOffset.x = 0
}

No need for the directional lock.

edited Feb 23 '19 at 00:45

user2828570

3
2

answered Mar 15 '17 at 19:10

the_dude_abides

563
4
10

1

Better answer than Loxx's – FredFlinstone Jul 27 '17 at 09:43
Excellent answer! – user7097242 Feb 19 '18 at 23:29

score 4 · Answer 4 · answered Mar 26 '18 at 07:48

4

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    scrollView.contentOffset.x = 0
}

This stops the scrollview from scrolling towards the leading edge too.

answered Mar 26 '18 at 07:48

Steven Lee

41
2

score 1 · Answer 5 · answered Aug 25 '15 at 07:54

If you are using storyboard and autolayout, then you should consider how ScrollView work in Storyboard with autolayout.

Consider the following.

Add a single view on your scrollView with constrains left, right, top, bottom, height, width,
Make the outlet of the width and height
Add your subViews to the view you added in the scrollView

update the width to the screenSize eg: 320 for iPhone5 or 4.

self.viewWidth = SCREEN_WIDTH;
[self.view updateConstraints];

score 1 · Answer 6 · answered Oct 27 '21 at 14:20

1

You can use

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    scrollView.contentOffset.x = 0
}

Do not use scrollView.contentOffset.x < 0 or > 0 like others have mentioned because it will only stop scroll to one side horizontally and not both.

answered Oct 27 '21 at 14:20

Shubham Goel

1,962
17
25

Disabling Horizontal Scrolling from UIScrollView Swift

6 Answers6

Linked