A website layout with a fixed half and a scrolling half (often called a "split screen layout") is absolutely possible in Webflow, and yes—Webflow can be used to build such a design.
1. Webflow Supports Split Layouts
- Webflow supports custom layouts with fixed positioning, scroll behavior, and flexbox/grid responsiveness.
- You can design one half of the screen to remain fixed (e.g., a sidebar or image panel) while the other half scrolls with content.
- Set the parent container (e.g., the body or section) to horizontal flex or grid layout with two columns or div blocks.
- For the fixed side (usually left or right):
- Give it a fixed width (e.g., 50vw) and set its position to fixed or relative with
overflow: hidden
. - For the scrolling side:
- Set its position to relative and ensure it’s tall enough to enable vertical scrolling.
- You might need to give it 100vh height and use overflow: auto or simply let it scroll as part of the normal document flow.
3. Example Use Cases Seen in Webflow
- Many Webflow users create portfolio sites, landing pages, and case study layouts with split panels where one side remains static.
- Sites made with Webflow that showcase this effect often enable interaction animations and scroll-based triggers (e.g., moving elements in the scrolling section as the user scrolls).
4. No Custom Code Required (But Optional)
- This layout can be made entirely with Webflow Designer tools.
- Adding custom code is optional (e.g., if you need advanced scroll effects like parallax), but basic split-layout functionality needs none.
Summary
Yes, you can definitely build a fixed-half and scrolling-half website in Webflow using its visual layout tools. Just use flexbox or grid, assign one side to be fixed or static, and allow the other side to scroll normally.