How to make uiscrollview only vertical scrolling for ios?

Question

I'm trying to make layout inside scrollview using this one tutorial link

And get the following result link

It will be appreciated for any advices or tutorial links. It needs only vertical scrolling

Answer 1

Have you set up the "ContentView" width to match with the scroll view width? I had the same problem and I fixed with "Equal Widths".

"Equal Widths" will tell to your "ContentView" to use the same width of the "Scroll View", which should be fitting the screen if you have set up the constrain properly.

You can do this easily on the storyboard.

1. Drag and drop, with right click (important!!!), from "ContentView" to "ScrollView"

2. Release the click, you will be prompted with a menu, select "Equal Widths".

   

This should fix your problem using the scrollview with AutoLayout from Storyboard editor.

You can find a full tutorial how to use ScrollView with Autolayout and Storyboard here.

I hope this is useful for you :)

Answer 2

This is because scroll view have no idea where your content should end.

But when at least one item inside your scroll view has its "trailing space" constraint attached to a view outside the scroll view (usually a view the scroll view is sitting in or some other view of a higher level, which "knows" its width) - the scroll view will automatically get an idea about your wanted width and won't scroll horizontally (unless that trailing constraint implies having your content outside the screen).

Better if all items inside scroll view have their "trailing space" constraints connected either to each other or to a view outside the scroll view. But not the scroll view itself.

No additional code or extra constraints needed for this to work.