Home | onScroll

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.