ScrollMagic
The javascript library for magical scroll interactions.
File Explorer
Download Latest Version (.zip)- banner.txt
- contain.html
- intersect.html
- shared.css
- contain.gif
- intersect.gif
- export-diagrams.mjs
- agnosticValues.ts
- getScrollContainerDimensions.ts
- getScrollPos.ts
- pickDifferencesFlat.ts
- processProperties.ts
- rafQueue.ts
- registerEvent.ts
- sanitizeProperties.ts
- sharedResizeObserver.ts
- throttleRaf.ts
- transformers.ts
- transformObject.ts
- typeguards.ts
- Container.ts
- ContainerProxy.ts
- env.d.ts
- EventDispatcher.ts
- ExecutionQueue.ts
- index.ts
- Options.processors.ts
- Options.ts
- ScrollMagic.ts
- ScrollMagicError.ts
- ScrollMagicEvent.ts
- util.ts
- ViewportObserver.ts
- caching.test.ts
- containers.test.ts
- destroy.test.ts
- dev-warnings.test.ts
- element-tracking.test.ts
- enable-disable.test.ts
- helpers.ts
- refresh.test.ts
- scroll-progress.test.ts
- scroll-velocity.test.ts
- UNTESTED-KNOWN-BUGS.md
- agnosticValues.test.ts
- ContainerProxy.test.ts
- EventDispatcher.test.ts
- ExecutionQueue.test.ts
- getScrollContainerDimensions.test.ts
- getScrollPos.test.ts
- Options.processors.test.ts
- pickDifferencesFlat.test.ts
- processProperties.test.ts
- rafQueue.test.ts
- registerEvent.test.ts
- sanitizeProperties.test.ts
- ScrollMagicError.test.ts
- ScrollMagicEvent.test.ts
- sharedResizeObserver.test.ts
- throttleRaf.test.ts
- transformers.test.ts
- transformObject.test.ts
- typeguards.test.ts
- .gitignore
- .prettierignore
- CHANGELOG.md
- eslint.config.mjs
- LICENSE.md
- MAINTAINING.md
- package-lock.json
- package.json
- PLUGINS.md
- prettier.config.mjs
- README.md
- ROADMAP.md
- rollup.config.mjs
- tsconfig.json
- typedoc.json
- vitest.config.ts
# Installation Guide
1. Get the code
git clone https://github.com/janpaepke/ScrollMagic
Downloads the entire project code from GitHub to your computer.
cd ScrollMagic
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install scrollmagic@next
Downloads and installs the libraries listed in package.json.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)