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 split screen layout in Webflow visually, but mouse position-based scrolling behavior (e.g., scrolling one side when hovering over it) cannot be achieved in Webflow without custom code.

1. What You Can Do Natively in Webflow

• Split-screen layout: You can use Webflow's Flexbox or Grid to create a left-right layout where each side has its own content.
• Scroll interactions: You can add scroll-triggered animations or mouse hover effects using Webflow’s Interactions panel.
• Mouse move interactions: Webflow supports mouse move-based animations (e.g., move elements based on cursor movement).

2. What Requires Custom Code

• Independent scrolling per section based on cursor position on each half of the screen (e.g., scroll left div when hovering left, right div when hovering right) requires:
• Custom JavaScript to track mouse position within each side of the screen.
• Logic to trigger scroll events or set scrollTop on the appropriate container.

3. Possible Workaround Without Scripting

If your goal is mostly a visual effect:

• Use scroll snapping with sections and create auto-scrolling effects tied to scroll trigger animations.
• Divide content vertically but scroll the entire page as one unit based on user scroll, not mouse hover.

Summary

You can create the split layout and add scroll-related animations using Webflow's Designer, but mouse position-controlled scrolling behavior on each side requires custom JavaScript and cannot be done purely with Webflow's no-code tools.