Can I create a split screen website in Webflow where the scrolling is determined by the position of the mouse on each side, without needing to write code in CSS/HTML?

You can create a basic split-screen layout in Webflow, but implementing scroll based on mouse position (without custom code) is not possible.

Webflow’s native Interactions and scroll features don’t support dynamic scrolling behavior tied to mouse position without custom JavaScript.

1. What You Can Build in Webflow Natively

• Split-screen layout with two fixed or scrollable sections (e.g., left and right halves).
• On-scroll animations triggered by user scrolling.
• Mouse-based animations using "Mouse Move in Viewport" or "Mouse Hover" interactions — but these don’t affect native scrolling.

2. What Requires Custom Code

• Scroll-direction or scroll-speed control based on cursor position (e.g., scrolling left side when mouse is on the left, right side when on the right) requires custom JavaScript.
• Webflow does not offer a native way to override or programmatically control scrolling behavior using only visual tools.

3. Potential Workaround (But Limited)

• Fake scrolling feel: You could simulate a scroll effect with timed animations triggered by mouse position (e.g., using IX2 interactions), but these:
• Are not tied to real page scroll
• Can’t emulate smooth, responsive scroll behavior accurately
• This approach is not responsive or scalable if you want authentic page scroll tied to mouse behavior.

Summary

You can build a split-screen layout in Webflow without code, but scrolling powered by mouse position is not possible without custom code (specifically JavaScript). For true dynamic scroll behavior, you’ll need to embed a custom script.