Hi all!
I’m trying to build a site with a sticky layout, but the bottom of my sections are getting cut off. I believe this is because the sections are longer than 100vh, but I really need the section to be able to be longer than 100vh and still have the sticky effect. Do I need to just create a custom scroll animation to accomplish this?
Here is the site in question:
Hi there,
When setting section heights, using SVH (Small Viewport Height) units with a minimum height is more effective than using fixed heights. SVH units automatically adjust to the viewport while accounting for mobile browser interfaces like address bars and navigation menus. By setting min-height: 100svh, your section will occupy the full viewport height and expand if the content requires more space, ensuring smooth scrolling and preventing content from being cut off by dynamic toolbars.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
