├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .prettierrc.js ├── .stylelintrc ├── .vscode ├── launch.json └── settings.json ├── LICENSE ├── README.md ├── __demo__ ├── assets │ └── css │ │ └── styles.css ├── index.html ├── scripts │ ├── app.ts │ ├── breakpoints.json │ ├── component.ts │ ├── components │ │ ├── menu.ts │ │ ├── scroll-container.ts │ │ └── toggle-button.ts │ ├── index.ts │ └── utils.js ├── src │ └── scss │ │ ├── _base.scss │ │ ├── _breakpoints.scss │ │ ├── _functions.scss │ │ ├── _variables.scss │ │ ├── components │ │ ├── content.scss │ │ ├── menu.scss │ │ ├── page.scss │ │ ├── scene.scss │ │ ├── scrollbar.scss │ │ ├── section.scss │ │ ├── square.scss │ │ └── toggle-button.scss │ │ └── main.scss └── stagger.html ├── dist ├── scrollxp.min.js └── scrollxp.min.js.LICENSE.txt ├── docs ├── animation │ ├── README.md │ └── animation-properties.md ├── configuration.md ├── development.md ├── examples │ └── square-rotation.html ├── parallax │ ├── README.md │ └── parallax-properties.md └── scene │ ├── README.md │ ├── scene-listeners.md │ └── scene-properties.md ├── package.json ├── scripts ├── deploy.sh ├── release.js ├── serve.js ├── webpack.base.js ├── webpack.dev.js ├── webpack.ghpages.js └── webpack.prod.js ├── src ├── builders │ ├── animation.builder.ts │ ├── parallax.builder.ts │ └── scene.builder.ts ├── creator │ └── animation.creator.ts ├── helpers │ ├── param.helper.ts │ └── type.helper.ts ├── index.ts ├── interfaces │ ├── breakpoints.ts │ ├── controller.ts │ ├── core.ts │ ├── descriptors.ts │ ├── index.ts │ ├── params.ts │ └── scene.ts ├── parser.ts ├── parsers │ ├── animation.parser.ts │ ├── base.parser.ts │ ├── parallax.parser.ts │ └── scene.parser.ts ├── scroll-controller.ts ├── scroll-scene.ts ├── scrollmagic │ ├── controller.ts │ ├── index.ts │ ├── indicator │ │ ├── index.ts │ │ └── template.ts │ ├── scene-event.ts │ ├── scene.ts │ └── utils │ │ ├── animation.ts │ │ ├── dom.ts │ │ ├── logger.ts │ │ └── type.ts └── utils.ts ├── tests ├── animation.builder.spec.ts ├── animation.creator.spec.ts ├── animation.parser.spec.ts ├── index.spec.ts ├── parallax.builder.spec.ts ├── scene.builder.spec.ts └── scene.parser.spec.ts ├── tsconfig.json └── tsconfig.testing.json /.eslintignore: -------------------------------------------------------------------------------- 1 | scripts 2 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/.eslintrc.js -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/.prettierrc.js -------------------------------------------------------------------------------- /.stylelintrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/.stylelintrc -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/.vscode/launch.json -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/.vscode/settings.json -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/README.md -------------------------------------------------------------------------------- /__demo__/assets/css/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/assets/css/styles.css -------------------------------------------------------------------------------- /__demo__/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/index.html -------------------------------------------------------------------------------- /__demo__/scripts/app.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/scripts/app.ts -------------------------------------------------------------------------------- /__demo__/scripts/breakpoints.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/scripts/breakpoints.json -------------------------------------------------------------------------------- /__demo__/scripts/component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/scripts/component.ts -------------------------------------------------------------------------------- /__demo__/scripts/components/menu.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/scripts/components/menu.ts -------------------------------------------------------------------------------- /__demo__/scripts/components/scroll-container.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/scripts/components/scroll-container.ts -------------------------------------------------------------------------------- /__demo__/scripts/components/toggle-button.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/scripts/components/toggle-button.ts -------------------------------------------------------------------------------- /__demo__/scripts/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/scripts/index.ts -------------------------------------------------------------------------------- /__demo__/scripts/utils.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/scripts/utils.js -------------------------------------------------------------------------------- /__demo__/src/scss/_base.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/_base.scss -------------------------------------------------------------------------------- /__demo__/src/scss/_breakpoints.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/_breakpoints.scss -------------------------------------------------------------------------------- /__demo__/src/scss/_functions.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/_functions.scss -------------------------------------------------------------------------------- /__demo__/src/scss/_variables.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/_variables.scss -------------------------------------------------------------------------------- /__demo__/src/scss/components/content.scss: -------------------------------------------------------------------------------- 1 | .content { 2 | width: 100%; 3 | overflow: hidden; 4 | } 5 | -------------------------------------------------------------------------------- /__demo__/src/scss/components/menu.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/components/menu.scss -------------------------------------------------------------------------------- /__demo__/src/scss/components/page.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/components/page.scss -------------------------------------------------------------------------------- /__demo__/src/scss/components/scene.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/components/scene.scss -------------------------------------------------------------------------------- /__demo__/src/scss/components/scrollbar.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/components/scrollbar.scss -------------------------------------------------------------------------------- /__demo__/src/scss/components/section.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/components/section.scss -------------------------------------------------------------------------------- /__demo__/src/scss/components/square.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/components/square.scss -------------------------------------------------------------------------------- /__demo__/src/scss/components/toggle-button.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/components/toggle-button.scss -------------------------------------------------------------------------------- /__demo__/src/scss/main.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/src/scss/main.scss -------------------------------------------------------------------------------- /__demo__/stagger.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/__demo__/stagger.html -------------------------------------------------------------------------------- /dist/scrollxp.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/dist/scrollxp.min.js -------------------------------------------------------------------------------- /dist/scrollxp.min.js.LICENSE.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/dist/scrollxp.min.js.LICENSE.txt -------------------------------------------------------------------------------- /docs/animation/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/docs/animation/README.md -------------------------------------------------------------------------------- /docs/animation/animation-properties.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/docs/animation/animation-properties.md -------------------------------------------------------------------------------- /docs/configuration.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/docs/configuration.md -------------------------------------------------------------------------------- /docs/development.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/docs/development.md -------------------------------------------------------------------------------- /docs/examples/square-rotation.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/docs/examples/square-rotation.html -------------------------------------------------------------------------------- /docs/parallax/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/docs/parallax/README.md -------------------------------------------------------------------------------- /docs/parallax/parallax-properties.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/docs/parallax/parallax-properties.md -------------------------------------------------------------------------------- /docs/scene/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/docs/scene/README.md -------------------------------------------------------------------------------- /docs/scene/scene-listeners.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/docs/scene/scene-listeners.md -------------------------------------------------------------------------------- /docs/scene/scene-properties.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/docs/scene/scene-properties.md -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/package.json -------------------------------------------------------------------------------- /scripts/deploy.sh: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/scripts/deploy.sh -------------------------------------------------------------------------------- /scripts/release.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/scripts/release.js -------------------------------------------------------------------------------- /scripts/serve.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/scripts/serve.js -------------------------------------------------------------------------------- /scripts/webpack.base.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/scripts/webpack.base.js -------------------------------------------------------------------------------- /scripts/webpack.dev.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/scripts/webpack.dev.js -------------------------------------------------------------------------------- /scripts/webpack.ghpages.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/scripts/webpack.ghpages.js -------------------------------------------------------------------------------- /scripts/webpack.prod.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/scripts/webpack.prod.js -------------------------------------------------------------------------------- /src/builders/animation.builder.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/builders/animation.builder.ts -------------------------------------------------------------------------------- /src/builders/parallax.builder.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/builders/parallax.builder.ts -------------------------------------------------------------------------------- /src/builders/scene.builder.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/builders/scene.builder.ts -------------------------------------------------------------------------------- /src/creator/animation.creator.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/creator/animation.creator.ts -------------------------------------------------------------------------------- /src/helpers/param.helper.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/helpers/param.helper.ts -------------------------------------------------------------------------------- /src/helpers/type.helper.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/helpers/type.helper.ts -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/interfaces/breakpoints.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/interfaces/breakpoints.ts -------------------------------------------------------------------------------- /src/interfaces/controller.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/interfaces/controller.ts -------------------------------------------------------------------------------- /src/interfaces/core.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/interfaces/core.ts -------------------------------------------------------------------------------- /src/interfaces/descriptors.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/interfaces/descriptors.ts -------------------------------------------------------------------------------- /src/interfaces/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/interfaces/index.ts -------------------------------------------------------------------------------- /src/interfaces/params.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/interfaces/params.ts -------------------------------------------------------------------------------- /src/interfaces/scene.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/interfaces/scene.ts -------------------------------------------------------------------------------- /src/parser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/parser.ts -------------------------------------------------------------------------------- /src/parsers/animation.parser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/parsers/animation.parser.ts -------------------------------------------------------------------------------- /src/parsers/base.parser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/parsers/base.parser.ts -------------------------------------------------------------------------------- /src/parsers/parallax.parser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/parsers/parallax.parser.ts -------------------------------------------------------------------------------- /src/parsers/scene.parser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/parsers/scene.parser.ts -------------------------------------------------------------------------------- /src/scroll-controller.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scroll-controller.ts -------------------------------------------------------------------------------- /src/scroll-scene.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scroll-scene.ts -------------------------------------------------------------------------------- /src/scrollmagic/controller.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scrollmagic/controller.ts -------------------------------------------------------------------------------- /src/scrollmagic/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scrollmagic/index.ts -------------------------------------------------------------------------------- /src/scrollmagic/indicator/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scrollmagic/indicator/index.ts -------------------------------------------------------------------------------- /src/scrollmagic/indicator/template.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scrollmagic/indicator/template.ts -------------------------------------------------------------------------------- /src/scrollmagic/scene-event.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scrollmagic/scene-event.ts -------------------------------------------------------------------------------- /src/scrollmagic/scene.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scrollmagic/scene.ts -------------------------------------------------------------------------------- /src/scrollmagic/utils/animation.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scrollmagic/utils/animation.ts -------------------------------------------------------------------------------- /src/scrollmagic/utils/dom.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scrollmagic/utils/dom.ts -------------------------------------------------------------------------------- /src/scrollmagic/utils/logger.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scrollmagic/utils/logger.ts -------------------------------------------------------------------------------- /src/scrollmagic/utils/type.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/scrollmagic/utils/type.ts -------------------------------------------------------------------------------- /src/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/src/utils.ts -------------------------------------------------------------------------------- /tests/animation.builder.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/tests/animation.builder.spec.ts -------------------------------------------------------------------------------- /tests/animation.creator.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/tests/animation.creator.spec.ts -------------------------------------------------------------------------------- /tests/animation.parser.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/tests/animation.parser.spec.ts -------------------------------------------------------------------------------- /tests/index.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/tests/index.spec.ts -------------------------------------------------------------------------------- /tests/parallax.builder.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/tests/parallax.builder.spec.ts -------------------------------------------------------------------------------- /tests/scene.builder.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/tests/scene.builder.spec.ts -------------------------------------------------------------------------------- /tests/scene.parser.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/tests/scene.parser.spec.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.testing.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/weareferal/scrollxp/HEAD/tsconfig.testing.json --------------------------------------------------------------------------------