Directional Scroll

Directional Scroll

About Directional Scroll

Move beyond static! Direction-Aware Scroll is a high-performance ticker component that reacts dynamically to user behavior. Whether your users scroll up or down, the content pivots instantly, speeds up with their "impulse," and settles back into a smooth idle state.

Features & Customization

  • Bi-Directional Pivot: Set independent directions for Scroll Up and Scroll Down interactions.

  • Impulse & Decay: Content accelerates based on scroll speed (Scroll Boost) and naturally slows down using a customizable Decay rate.

  • Smart Idle State: Choose an Idle Direction and Delay so the marquee never stops moving, even when the user does.

  • Max Impulse Control: Cap the maximum speed to maintain readability during fast scrolls.

  • Hover Interaction: Includes a Pause on Hover toggle for better user experience.

  • Style Ready: Built-in controls for background toggles and color overlays.

How to Use

  1. Connect: Link your content (Text, Logos, or Frames) to the Content slot.

  2. Define Motion: Choose your Scroll Up and Scroll Down directions (Left or Right).

  3. Tune Physics: Adjust Base Speed for the idle state and Scroll Boost for the reaction intensity.

  4. Polish: Toggle Pause Hover and Decay to perfect the tactile feel.