{"id":32256649,"url":"https://github.com/mattiashaal/smoothy","last_synced_at":"2026-03-08T21:04:00.402Z","repository":{"id":57364329,"uuid":"61649549","full_name":"mattiashaal/smoothy","owner":"mattiashaal","description":"A smooth-scroll plugin running with average speed or a set time.","archived":false,"fork":false,"pushed_at":"2018-04-25T10:59:25.000Z","size":671,"stargazers_count":5,"open_issues_count":2,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-02-15T00:27:30.245Z","etag":null,"topics":["smooth-scroll-plugins","smooth-scrolling","smoothy"],"latest_commit_sha":null,"homepage":"https://mattiashaal.github.io/smoothy/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mattiashaal.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-06-21T16:28:36.000Z","updated_at":"2023-02-07T16:29:07.000Z","dependencies_parsed_at":"2022-08-31T05:41:32.894Z","dependency_job_id":null,"html_url":"https://github.com/mattiashaal/smoothy","commit_stats":null,"previous_names":["kaloja/smoothy"],"tags_count":11,"template":false,"template_full_name":null,"purl":"pkg:github/mattiashaal/smoothy","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattiashaal%2Fsmoothy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattiashaal%2Fsmoothy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattiashaal%2Fsmoothy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattiashaal%2Fsmoothy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mattiashaal","download_url":"https://codeload.github.com/mattiashaal/smoothy/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mattiashaal%2Fsmoothy/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29738518,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-23T04:51:08.365Z","status":"ssl_error","status_checked_at":"2026-02-23T04:49:15.865Z","response_time":90,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["smooth-scroll-plugins","smooth-scrolling","smoothy"],"created_at":"2025-10-22T19:05:44.488Z","updated_at":"2026-02-23T06:01:58.933Z","avatar_url":"https://github.com/mattiashaal.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Smoothy\n\nMost smooth-scroll plugins out there are running on a set time. Which sometimes can behave badly if the distance is very short, results in mega slow scroll, or very long, results in mega fast scroll. Smoothy takes care of this by having settings for average speed and set time. Select animation type after your needs.\n\n## Getting Started\n\n1. [Install](#install)\n2. [Include script](#include-script)\n3. [Include markup](#include-markup)\n4. [Settings](#settings)\n5. [Demo](https://kaloja.github.io/smoothy/)\n\n## Install\n\n```sh\n# via npm:\n$ npm install smoothy\n\n# via git clone:\n$ git clone https://github.com/kaloja/smoothy\n```\n\n## Include script\n\nEnsure you're using the file in the `dist` directory, which contains compiled production-ready code. Place the script before the closing `\u003c/body\u003e` tag. The `src` directory contains development code.\n\n```html\n\u003cscript src=\"dist/smoothy.min.js\"\u003e\u003c/script\u003e\n```\n\n## Include markup\n\n```html\n\u003ca href=\"#id\"\u003e\u003c!-- Link to target --\u003e\u003c/a\u003e\n...\n\u003cdiv id=\"id\"\u003e\u003c!-- Target element --\u003e\u003c/div\u003e\n```\n\n## Initialize Smoothy\n\nEnsure you initialize Smoothy after its script file.\n\n```html\n\u003cscript\u003e\n\tsmoothy.init();\n\u003c/script\u003e\n```\n\n## Settings\n\nSmoothy works right out of the box. But you can customize it after your needs, using its API. You can pass your settings and callbacks into Smoothy through the `init()` function.\n\n```js\nsmoothy.init({\n\teasing: 'easeInOutQuad',\n\toffset: 80,\n\tspeed: 2000,\n\tcallback: function() {\n\t\tconsole.log('Smoothy scroll animation is done');\n\t}\n});\n```\n\n#### callback\n\nAdd a function that will be called when the scroll animation has been completed.\n\n`options: function | undefined =\u003e default: undefined`\n\n```js\nsmoothy.init({\n\tcallback: function() {\n\t\tconsole.log('Smoothy scroll animation is done');\n\t}\n});\n```\n\n#### easing\n\nA collection of easing patterns to choose from.\n\n`options: linear | easeInOutQuad | easeInOutCubic =\u003e default: linear`\n\n#### offset\n\nOption to offset where the animation ends. If the user interface using a fixed header you can offset the headers height to avoid your target being hidden behind it.\n\n`default: 0`\n\n#### speed\n\nDefines the average speed. Speed returns pixels per second.\n\n`default: 1000`\n\n#### time\n\nDefines the animation time.\n\n`default: 500`\n\n#### type\n\nSpeed is the default animation type for Smoothy.\n\n`options: speed | time =\u003e default: speed`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmattiashaal%2Fsmoothy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmattiashaal%2Fsmoothy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmattiashaal%2Fsmoothy/lists"}