Scroll Manager

LIX

The Scroll Manager allows you to track the scroll position of your page. With this, you can do scroll based animations, transitions, hide, show and as much as your mind can imagine with Wix!

Lix Scroll Manager

Get the scroll location of your page, and do awesome stuff

Setup

Sign up for a free LixComponents Subscription
Copy your free token on your account page - My token
Copy the CDN URL - https://cdn.threedsoftware.com/lix-scrollmanager
Append the token to the end of the URL as a query parameter

Installation

Install the Scroll Manager using the Custom Element.
Please not that in order to use a custom element on your site, you'll need to have a premium plan attached to your site, and a domain.
Ensure the Custom Element is on "Server URL"
Paste your URL into the Server URL field, with the token at the end. It should look like
https://cdn.threedsoftware.com/lix-scrollmanager?token=mytoken.
Edit the Tag Name to scroll-tracker

Usage

Place the Scroll Manager anywhere on your page. If you put it in your header/footer/any 'Show on all pages' container, it will work across all pages
In your Velo code editor panel, use the following snippet of code to create a scroll listener to capture scroll event data. The name of the event is 'wixscroll', and the data inside

$w('#scrollTracker').on('wixscroll', e => {

$w('#scrollData').text = ""+e.detail.yposition+"px";

});

3. You can now use the scroll data in Wix! Set thresholds for custom interactivity and more. Enjoy!