How can I create a scrolling effect where each full-browser sized section on my Webflow site "flips" to the next one, similar to Tumblr's website design?

You want to create a scroll-jacking effect where each full-browser-height section flips vertically as the user scrolls — a style popularized by sites like Tumblr. This is typically known as full-page scrolling or snap scrolling.

1. Set Each Section to Full Viewport Height

• Select each section in your Webflow Designer.
• In the Style panel, set the section's height to 100vh (100% of viewport height).
• This ensures every section fills the entire screen.

2. Set Scroll Snap in the Parent Container

• Wrap all full-screen sections in a parent container (e.g., a div with class scroll-wrapper).
• Select the scroll-wrapper and apply the following styles:
• Overflow: auto
• Height: 100vh
• Scroll snap type: y mandatory (This allows vertical snapping on scroll)

3. Set Scroll Snap Alignment on Sections

• Select each section inside the scroll-wrapper.
• Apply the style Scroll snap align: start
• This tells the browser to snap to the top of each section.

4. Prevent Body Scrolling (if needed)

• If you're using the scroll-wrapper as the only scrolling container, you may want to:
• Set body overflow: hidden
• This ensures only the scroll-wrapper handles the scroll.

5. Optional: Smooth Scrolling

• To polish the effect, apply scroll-behavior: smooth to your scroll-wrapper.
• This makes transitions between snaps feel fluid.

6. Test on All Devices

• Preview in Webflow and test on both desktop and mobile.
• Some mobile browsers have limited support for scroll snapping, so confirm behavior is acceptable across devices.

Summary

To create a full-page scrolling "flip" effect like Tumblr, use 100vh sections inside a wrapper with scroll snap settings: apply scroll-snap-type: y mandatory to the wrapper and scroll-snap-align: start to each section. This gives a section-by-section scroll experience without custom code.