{"id":30204415,"url":"https://github.com/christophhu/ngx-scroll-indicator","last_synced_at":"2025-08-13T12:46:06.041Z","repository":{"id":298337342,"uuid":"999354448","full_name":"ChristophHu/ngx-scroll-indicator","owner":"ChristophHu","description":"This Repository contains a simple Angular library to display a scroll indicator at the bottom of the page. The user can scroll to the top of the page by clicking on the indicator. The indicator is displayed the hole time as an animation, that the user cann scroll down. At the bottom of the page, the indicator is displayed as a button to scroll to t","archived":false,"fork":false,"pushed_at":"2025-07-03T22:01:43.000Z","size":719,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-02T17:37:38.441Z","etag":null,"topics":["angular","indicator","ngx","scrolling"],"latest_commit_sha":null,"homepage":"https://christophhu.github.io/ngx-scroll-indicator/","language":"TypeScript","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/ChristophHu.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,"zenodo":null}},"created_at":"2025-06-10T06:08:17.000Z","updated_at":"2025-07-31T06:54:41.000Z","dependencies_parsed_at":"2025-06-10T16:37:51.774Z","dependency_job_id":null,"html_url":"https://github.com/ChristophHu/ngx-scroll-indicator","commit_stats":null,"previous_names":["christophhu/ngx-scroll-indicator"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ChristophHu/ngx-scroll-indicator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChristophHu%2Fngx-scroll-indicator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChristophHu%2Fngx-scroll-indicator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChristophHu%2Fngx-scroll-indicator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChristophHu%2Fngx-scroll-indicator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ChristophHu","download_url":"https://codeload.github.com/ChristophHu/ngx-scroll-indicator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ChristophHu%2Fngx-scroll-indicator/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270244467,"owners_count":24551628,"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-13T02:00:09.904Z","response_time":66,"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":["angular","indicator","ngx","scrolling"],"created_at":"2025-08-13T12:46:04.481Z","updated_at":"2025-08-13T12:46:05.988Z","avatar_url":"https://github.com/ChristophHu.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ngx-Scroll-Indicator\n\n## Frameworks and Languages\n\u003cp align=\"left\"\u003e\n  \u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/19.2.0-000000?style=for-the-badge\u0026logo=angular\u0026logoColor=white\u0026label=Angular\u0026labelColor=000000\"\u003e\u003cbr\u003e\n  \u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/4.1.8-000000?style=for-the-badge\u0026logo=tailwindcss\u0026logoColor=white\u0026label=Tailwind\u0026labelColor=06B6D4\u0026color=000000\"\u003e\u003cbr\u003e\n  \u003cimg alt=\"Static Badge\" src=\"https://img.shields.io/badge/5.7.2-000000?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\u0026label=Typescript\u0026labelColor=007ACC\u0026color=000000\"\u003e\n\u003c/p\u003e\n\n## Demo\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://christophhu.github.io/ngx-scroll-indicator\"\u003e\u003cimg src=\"https://github.com/ChristophHu/ChristophHu/blob/main/assets/gif/ngx-scroll-indicator.gif\" width=\"500\" alt=\"image\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n## Description\nThis Repository contains a simple Angular library to display a scroll indicator at the bottom of the page. The user can scroll to the top of the page by clicking on the indicator. The indicator is displayed the hole time as an animation, that the user cann scroll down. At the bottom of the page, the indicator is displayed as a button to scroll to the top.\nThe library is easy to use and can be installed via [npm](https://www.npmjs.com/package/@christophhu/ngx-scroll-indicator).\n\n## Installation\n```bash\nnpm i @christophhu/ngx-scroll-indicator\n```\n\n## Use\n### With default toggle\n```html\n\u003cngx-scroll-indicator [distanceToTop]=\"500\"\u003e\u003c/ngx-scroll-indicator\u003e\n```\n\n```typescript\nimport { NgxScrollIndicatorComponent } from \"@christophhu/ngx-scroll-indicator\";\n\n@Component({\n  ...\n  imports: [\n    NgxScrollIndicatorComponent\n  ]\n})\nexport class TestComponent {\n  constructor() {}\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchristophhu%2Fngx-scroll-indicator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchristophhu%2Fngx-scroll-indicator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchristophhu%2Fngx-scroll-indicator/lists"}