Scroll View with text and img inside

I would put all the objects Label, Image View, other Label inside a Container View, and define their constraints relative to this container view.

As for the constraints, here is what I do for UIKit, it should be easily adapted to Cocoa:

• Create a ScrollView (as you did)
• Define its dimensions by constraints relating to the Safe area

1. leading = 0
2. trailing = 0
3. top = maybe non zero if you scroll a part of the screen
4. bottom = 35 (here to leave room for some buttons below)
5. you can keep the content layout and frame layout ON

• Create a Container View (this is the Content View, named View here)
• Place it inside the scrollView (appears inside Scroll in the object hierarchy)
• Define the constraints with respect to the scrollView (Superview)

1. leading = 0
2. trailing = 0
3. equalWidth with Scroll: we don't want to scroll horizontally
4. top = 0
5. bottom = 0
6. Above all, do NOT make equal height with Scroll: there would be no more vertical scroll

• Define the dimension constraints of the ContentView to correspond to the complete content above which we will scroll (here the 4 items and the 3 switches)

1. height = 262
2. width has been set equal to the width of the scrollView

Note: this is necessary to eliminate red warnings from IB

• Place objects in the ContentView

for each, define the constraints in relation to the ContentView.

Don't hesitate to ask if something unclear.

When you say "5. you can keep the content layout and frame layout ON", what do you mean?

When you say "5. you can keep the content layout and frame layout ON", what do you mean?

That's in fact a UIKit setting as I said at start.

You should probably just ignore this for Cocoa (could not find its exact equivalent).

Here is an example with macOS:

Open Library > Container View. If you use that, it creates that View Controller.

In any case, I tried both ways with the same result.