The ScrollTrackerComponentManager is a
Class that tracks whether a component is within your viewport based on your scroll position. It will/can handle the following for you:
- Trigger methods such as
leaveView, once you component enters/leaves your viewport.
- Update your component with a progress value between
1. This is the progress of you components visibility.
- Enable smooth-scroll if needed
Table of contents
yarn / npm
yarn add scroll-tracker-component-manager
npm i -S scroll-tracker-component-manager
Checkout the online demo.
Demo can be found in /example. Install dev dependencies:
Run the example:
Detailed documentation and examples are located in the wiki!
Clone a copy of the repo:
git clone https://github.com/riccoarntz/scroll-tracker-component-manager.git
Change to the vue-transition directory:
Install dev dependencies:
Use one of the following main scripts:
yarn build # build this projectyarn dev # run dev-watch mode, serving example/index.html in the browseryarn generate # generate all artifacts (compiles ts, webpack, docs and coverage)yarn test:unit # run the unit testsyarn validate # runs validation scripts, including test, lint and coverage checkyarn lint # run tslint on this projectyarn doc # generate typedoc documentation
When installing this module, it adds a pre-push hook, that runs the
script before committing, so you can be sure that everything checks out.
MIT © Ricco Arntz