{"id":13839180,"url":"https://github.com/stutrek/scrollmonitor-parallax","last_synced_at":"2025-08-21T05:32:08.443Z","repository":{"id":143907824,"uuid":"71935290","full_name":"stutrek/scrollmonitor-parallax","owner":"stutrek","description":"A simple parallax API","archived":false,"fork":false,"pushed_at":"2018-09-25T21:52:04.000Z","size":31,"stargazers_count":135,"open_issues_count":3,"forks_count":12,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-08-09T15:44:41.665Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stutrek.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-10-25T20:16:56.000Z","updated_at":"2024-05-08T14:57:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"f4b23a94-12e0-4250-a909-27280f2c69f4","html_url":"https://github.com/stutrek/scrollmonitor-parallax","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/stutrek/scrollmonitor-parallax","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stutrek%2Fscrollmonitor-parallax","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stutrek%2Fscrollmonitor-parallax/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stutrek%2Fscrollmonitor-parallax/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stutrek%2Fscrollmonitor-parallax/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stutrek","download_url":"https://codeload.github.com/stutrek/scrollmonitor-parallax/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stutrek%2Fscrollmonitor-parallax/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271430768,"owners_count":24758368,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-21T02:00:08.990Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-04T16:00:53.187Z","updated_at":"2025-08-21T05:32:08.140Z","avatar_url":"https://github.com/stutrek.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# Scrollmonitor Parallax\n\n## Installation\n\n```\nnpm install -S scrollmonitor-parallax\n```\n\n## Examples\n\n* [Only one right now](https://stutrek.github.io/scrollmonitor-parallax/tests/index.html)\n\n## Basic Usage\n\n```javascript\nvar parallax = require('scrollmonitor-parallax');\nvar eases = require('eases'); // https://github.com/mattdesl/eases\n\n\n// Create a root element. Parallax will start when this\n// element enters the viewport and stop when it exits.\nvar parallaxRoot = parallax.create(domElement);\n\n// to make an element scroll at a speed relative to the\n// scroll parent, just add a value for speed.\nvar parallaxChild2 = parallaxRoot.add(domElement, 0.5);\n\n// for more complex animations you can start and end positions.\n// If it's left blank, the start position is taken from the element's CSS.\nvar parallaxChild = parallaxRoot.add(\n    domElement, {\n\t    start: {\n\t    \topacity: 0\n\t\t}\n\t    end: {\n\t        x: 100,\n\t        y: 50,\n\t        z: 100,\n\t        opacity: 0.7\n\t    },\n\t    easing: {\n\t        x: eases.linear,\n\t        y: eases.linear,\n\t        z: eases.circIn,\n\t        opacity: eases.bounceIn\n\t    }\n    }\n);\n\n```\n\n## Existing ScrollMonitor\n\nIf you need to create your own `ScrollMonitorContainer`, you may create a parallax root and pass an existing container as the third parameter, and scrollmonitor-parallax will use that instead of using the default `ScrollMonitorContainer` instance:\n\n```javascript\nvar scrollMonitor = require('scrollmonitor');\nvar parallax = require('scrollmonitor-parallax');\n\nvar container = scrollMonitor.createContainer(document.body);\n// Any other watching logic here.\nvar parallaxRoot = parallax.create(domElement, null, container);\n// Any elements you wish to add to your parallax.\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstutrek%2Fscrollmonitor-parallax","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstutrek%2Fscrollmonitor-parallax","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstutrek%2Fscrollmonitor-parallax/lists"}