Non-fullscreen sections overflow handling

The problem

I am creating a website with non-fullscreen-sections at the moment:

enter image description here

I am using a fullscreen-library to "switch" between the section when the user is scrolling. That way the sections will always be centered vertically on the screen (there also will be a possibility to deactivate this and scroll normally).

The problem now is the following: It might occur that the content for one section is too high for the section.

Possible solutions

There are two possible solutions for this problem:

  1. Make the section scrollable
  2. Don't fix the height of the section so it can adjust to its content

Both solution have disadvantages:

Solution (1): It might not be clear for every user that they have to scroll the section and not the whole page to see more content.

Solution (2): This is better from an UX-perspective in my opinion but it probably won't be as good as Solution 1 from an UI-perspective.

Question

Are there better solutions to this problem than the solutions I have thought about? If not, which solution is better and why?

Tags: , , , , , ,