top of page
Phoe Logo Black-01.png
Firefly A cozy wooden cabin surrounded by snow-covered trees and a blanket of fresh snow.

onScroll is a powerful enhancement tool for Wix Velo developers, providing access to advanced browser and user interaction events that are not natively supported in the Wix platform. By simply adding a widget to your site, you can instantly tap into a broad set of events without the need for complex or performance-heavy custom code.

 

Supported events include onReady, onScroll, onScrollIdle, onResize, onBreakpointChange, onOrientationChange, onMouseMove, onMouseIdle, onClick, onMouseDown, onMouseUp, onUserInactive, onWindowFocus, onWindowBlur, onTabVisible, onTabHidden, and onTabCloseAttempt.

These interactions allow for dynamic and responsive site behavior that significantly enhances user experience. Additionally, the app features an integrated Image Inspector, which can be activated using the Ctrl + I keyboard shortcut. This tool lets you click on any image to view its properties and associated Wix Media Manager data, streamlining design and development workflows.

$w.onReady(function () {
    $w('#windowEvents1').onScroll((event) => {
        //build amazing functionality
    });
});

This demo showcases many of the interaction events provided by the onScroll app, displaying their real-time event data—information you can use to build features that were previously difficult or impossible to implement in Wix. Try resizing the browser window to see breakpoint indicators update dynamically, or scroll through sections to observe a continuous X/Y-based trigger, offering far more precision than the standard viewportEnter. Switch tabs and return to see document-level events in action, or activate the built-in Image Inspector with Ctrl + I to explore image properties and media metadata directly on the page.

onScroll finally delivers the tools you need to create beautiful, advanced design interactions that fully complement the Wix Velo platform—using familiar syntax and an easy, developer-friendly integration.

Firefly A peaceful forest path covered with fallen leaves in vibrant autumn colors. Tall t
Firefly A bustling city skyline at night, with skyscrapers illuminated by countless lights

Scroll Past Trigger Here

onScroll() and using element y position

Firefly A breathtaking scene of towering icebergs floating in a serene Arctic sea. The sky
Firefly An underwater paradise featuring a vibrant coral reef teeming with colorful fish a
Firefly A vast desert landscape under a clear, starry night sky. Sand dunes stretch into t
Firefly A serene meadow bathed in golden autumn light. Tall grasses and wildflowers sway g
Firefly A serene Zen garden with carefully raked gravel, smooth stones, and minimalist pla
Firefly A sprawling lavender field at sunset, with rows of purple flowers stretching towar

Window

  • onReady

  • onScroll

  • onScollIdle

  • onResize

  • onBreakpointChange

  • onOrientationChange

Mouse

  • onMouseMove

  • onMouseIdle

  • onMouseClick

  • onMouseDblClick

  • onMouseDown

  • onMouseUp

Document

  • onReady

  • onUserInactive

  • onWindowFocus

  • onWindowBlur

  • onTabVisible

  • onTabHidden

  • onTabCloseAttempt

Keyboard

  • onKeyPress

  • onKeyDown

  • onKeyUp

Image Inspector

  • Activate with keyboard shortcut ctrl + i and select any image to inspect its properties and its Wix media manager information

Double Click to Move Logo

onMouseDblClick(), Element X,Y positons and Wix Animations

Phoe Logo Grey 40.png
bottom of page