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?

Webflow does not natively support mouse-position-triggered split-screen scrolling without the use of custom code. While Webflow's interactions and animations system is powerful, this specific behavior is not achievable through the visual interface alone.

​

1. What You Can Do with Webflow Interactions

​

• Split-screen layout: You can easily design a split-screen layout using flexbox or grid in Webflow’s Designer.
• Manual scroll animations: You can create scroll-triggered animations (like parallax or movement based on the scroll position), but these rely on scroll—not mouse position.
• Hover-based animations: Webflow allows interactions based on hovering over elements, but not continuous tracking of the mouse cursor to dictate scrolling.

​

2. What You Cannot Do Without Code

​

• Webflow cannot detect continuous mouse position tracking to control scroll speed or direction out of the box.
• Horizontal or vertical scrolling based on cursor position (e.g., scrolling the left panel when the mouse is on that side, and the right panel when on the right) requires JavaScript.
• Webflow’s Designer does not expose low-level access to implement this behavior purely with built-in interactions.

​

3. How to Achieve This (If You’re Willing to Use Code)

​

• You would need to first design the structure in Webflow (e.g., two side-by-side scrollable divs).
• Then, use custom JavaScript embedded via an Embed element or in the Page Settings > Custom Code section to track the mouse position and control scrolling behavior.
• Common technique: track mousemove, detect clientX position relative to the screen width, then apply scrollTop or scrollLeft to the corresponding div.

​

Summary

​

You cannot create mouse-position-controlled split-screen scrolling in Webflow without using custom code. You can design the layout and visuals in Webflow, but JavaScript is required to implement the interactive scrolling based on cursor position.