{"id":32234803,"url":"https://github.com/promo/scrollissimo","last_synced_at":"2025-10-22T12:53:48.453Z","repository":{"id":29394708,"uuid":"32929916","full_name":"Promo/scrollissimo","owner":"Promo","description":"Javascript plugin for smooth scroll-controlled animations","archived":false,"fork":false,"pushed_at":"2019-10-29T13:48:45.000Z","size":1503,"stargazers_count":189,"open_issues_count":4,"forks_count":38,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-10-22T12:53:33.657Z","etag":null,"topics":["animation","greensock","gsap","scrolling","smooth","smooth-animations","smooth-scrolling","smoothing","smoothscroll","tween"],"latest_commit_sha":null,"homepage":"http://promo.github.io/scrollissimo/","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/Promo.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}},"created_at":"2015-03-26T13:47:52.000Z","updated_at":"2025-06-30T20:29:41.000Z","dependencies_parsed_at":"2022-08-31T04:10:31.641Z","dependency_job_id":null,"html_url":"https://github.com/Promo/scrollissimo","commit_stats":null,"previous_names":[],"tags_count":18,"template":false,"template_full_name":null,"purl":"pkg:github/Promo/scrollissimo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Promo%2Fscrollissimo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Promo%2Fscrollissimo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Promo%2Fscrollissimo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Promo%2Fscrollissimo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Promo","download_url":"https://codeload.github.com/Promo/scrollissimo/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Promo%2Fscrollissimo/sbom","scorecard":{"id":114609,"data":{"date":"2025-08-11","repo":{"name":"github.com/Promo/scrollissimo","commit":"41000626feda1d309651474fcf4eeffdd9a453ab"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.6,"checks":[{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Code-Review","score":0,"reason":"Found 1/29 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 3 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}}]},"last_synced_at":"2025-08-16T00:49:00.575Z","repository_id":29394708,"created_at":"2025-08-16T00:49:00.575Z","updated_at":"2025-08-16T00:49:00.575Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280439999,"owners_count":26331171,"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-10-22T02:00:06.515Z","response_time":63,"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":["animation","greensock","gsap","scrolling","smooth","smooth-animations","smooth-scrolling","smoothing","smoothscroll","tween"],"created_at":"2025-10-22T12:53:47.606Z","updated_at":"2025-10-22T12:53:48.446Z","avatar_url":"https://github.com/Promo.png","language":"JavaScript","readme":"![Scrollissimo](https://habrastorage.org/files/997/93c/cec/99793ccec1464bb594f44f569396f184.png)\n\n[![Build Status](https://travis-ci.org/Promo/scrollissimo.svg?branch=master)](https://travis-ci.org/Promo/scrollissimo)\n\nJavascript plugin for smooth scroll-controlled animations\n\nScrollissimo animates Greensock's tweens and timelines on user's scroll.\n\nComparing Scrollissimo and another usual plugins [here](http://promo.github.io/scrollissimo/examples/paperfly). \n\n## Get started\n\n### Download\n\nScrollissimo is available for downloading from repository. Also npm users can install Scrollissimo by command:\n\n```bash\nnpm install scrollissimo\n```\n\n### Connect\nThe first step you need is to include Greensock:\n\n```html\n    \u003cscript src=\"http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TimelineLite.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js\"\u003e\u003c/script\u003e\n```\n\n... or just:\n\n```html\n    \u003cscript src=\"http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js\"\u003e\u003c/script\u003e\n```\n\n... and Scrollissimo of course:\n\n```html\n    \u003cscript src=\"scrollissimo/dist/scrollissimo.min.js\"\u003e\u003c/script\u003e\n```\n\nNext we will trigger scrollissimo on each scroll event:\n\n```html\n\u003cscript\u003e\n    $(document).ready(function(){\n        $(window).scroll(function(){\n            scrollissimo.knock();\n        });\n    });\n\u003c/script\u003e\n```\n\n**NOTE:** for touch devices support you must also attach scrollissimo.touch.min.js.\n\n### Now lets animate something!\nLet we have a div called *Divy*:\n\n```html\n\u003cdiv id=\"Divy\"\u003e\u003c/div\u003e\n```\n```css\n#Divy{\n    position: fixed;\n    top: 0;\n    left: 0;\n    \n    height: 50px;\n    width: 50px;\n    \n    background: red;\n}\n```\n\nNow we will animate Divy's width. At the begining of page its width will be equal to 50px. And as we scroll its width will be grow up to 300px after we have scrolled for 1000 pixels.\nThe first let's create Grensock's tween.\n\n**```TweenLite.to(element:object, durationInPixels: number, params: object);```**\n\nmore in [Greensock`s documentation](http://greensock.com/docs/#/HTML5/GSAP/TweenMax/to/)\n\n```js\nvar divyTween = TweenLite.to(document.getElementById('Divy'), 1000, { width: 300 });\n```\n\n**NOTE:** As you see it\\`s usual Greensock\\`s Tween except of duration of animation ***must be specified in pixels not in seconds.\n\nThen we need to add this tween to Scrollissimo.\n\n**```scrollissimo.add(\u003cTween|Timeline\u003e, \u003cStartPixels\u003e, \u003cMaxSpeed\u003e);```**\n\nThe second argument is start scroll value in pixels.\nThe third argument is a maximal value of changing scrollTop.\n\n```js\nscrollissimo.add(divyTween, 0, 25);\n```\n\nThat is all you need to do to make a simple animation.\n\nAnimating timelines is similar to tween`s animating.\n    \n[travis-url]: http://travis-ci.org/Promo/scrollissimo\n[travis-image]: http://img.shields.io/travis/Promo/scrollissimo.svg?branch=master\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpromo%2Fscrollissimo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpromo%2Fscrollissimo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpromo%2Fscrollissimo/lists"}