I am creating a website with non-fullscreen-sections at the moment:
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.
There are two possible solutions for this problem:
- Make the section scrollable
- 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.
Are there better solutions to this problem than the solutions I have thought about? If not, which solution is better and why?