Is Webflow the platform used to build the website with a fixed half and scrolling section?

Yes, Webflow can be used to build a website with a fixed half and a scrolling section, commonly known as a split-screen layout with one side fixed and the other scrollable.

Here’s how Webflow supports that kind of design:

1. Use CSS Positioning for the Fixed Section

• Create a Section or Div Block for the fixed content (e.g., navigation, image, or text on the left or right).
• Set its position to “Fixed” and anchor it to either the left or right of the viewport.
• Set width (e.g., 50%) so it only covers half the screen.
• Make sure the height is set to 100vh to cover the full viewport.

2. Create the Scrolling Section

• Add another Section next to the fixed block, typically on the opposite side.
• Set its width to the remaining 50% and default position (e.g., Static or Relative).
• Set it to contain your scrolling content, such as rich text, images, or interactions.

3. Use Flexbox or Grid for Layout

• Place both the Fixed and Scrollable Divs inside a parent wrapper.
• Set the wrapper to display: Flex (horizontal) or use CSS Grid with two columns.
• This ensures your layout stays responsive on different screen sizes.

4. Responsiveness Consideration

• On smaller breakpoints, consider stacking the sections vertically or removing the fixed position.
• Use Webflow’s responsive settings to adjust layout behavior based on device size.

5. Optional: Scroll Interactions

• You can add Webflow interactions to animate content as it enters the scrollable side.
• This includes effects like fade-in, scale, or parallax tied to the user’s scrolling behavior.

Summary

Yes, Webflow fully supports a layout with a fixed half and a scrolling section using native tools like Flexbox, positioning, and responsive settings. This layout is commonly used for modern split-screen designs.