{"id":19768699,"url":"https://github.com/azerafati/scroll-drag","last_synced_at":"2026-04-01T17:20:42.704Z","repository":{"id":88892694,"uuid":"528886010","full_name":"azerafati/scroll-drag","owner":"azerafati","description":"Scroll using mouse drag","archived":false,"fork":false,"pushed_at":"2025-01-29T19:04:15.000Z","size":1041,"stargazers_count":4,"open_issues_count":3,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-03-28T00:37:12.466Z","etag":null,"topics":["angular","drag","scroll"],"latest_commit_sha":null,"homepage":"http://azerafati.com/scroll-drag/","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/azerafati.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2022-08-25T14:25:28.000Z","updated_at":"2025-01-29T19:03:40.000Z","dependencies_parsed_at":"2024-04-25T14:59:10.286Z","dependency_job_id":"d0b68ea4-c9b6-4bdb-9286-b96af75a8323","html_url":"https://github.com/azerafati/scroll-drag","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/azerafati/scroll-drag","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azerafati%2Fscroll-drag","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azerafati%2Fscroll-drag/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azerafati%2Fscroll-drag/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azerafati%2Fscroll-drag/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/azerafati","download_url":"https://codeload.github.com/azerafati/scroll-drag/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azerafati%2Fscroll-drag/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31290537,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-01T13:12:26.723Z","status":"ssl_error","status_checked_at":"2026-04-01T13:12:25.102Z","response_time":53,"last_error":"SSL_read: 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":["angular","drag","scroll"],"created_at":"2024-11-12T04:39:53.916Z","updated_at":"2026-04-01T17:20:42.682Z","avatar_url":"https://github.com/azerafati.png","language":"TypeScript","readme":"# Angular Scroll Drag Directive\n\n[![Build Status](https://github.com/azerafati/scroll-drag/actions/workflows/test.yml/badge.svg)](https://github.com/azerafati/scroll-drag/actions)\n[![npm version](https://img.shields.io/npm/v/@azerafati/ngx-scroll-drag.svg?logo=npm\u0026logoColor=fff\u0026label=NPM+package\u0026color=limegreen.svg)](https://www.npmjs.com/package/@azerafati/ngx-scroll-drag)\n[![Issues](https://img.shields.io/github/issues/azerafati/scroll-drag.svg)](https://github.com/azerafati/scroll-drag/issues)\n[![Issues](https://img.shields.io/npm/dt/@azerafati/ngx-scroll-drag.svg)](https://www.npmjs.com/package/@azerafati/ngx-scroll-drag)\n[![Issues](https://img.shields.io/codecov/c/github/azerafati/ngx-scroll-drag/main.svg?maxAge=43200)](https://www.npmjs.com/package/@azerafati/ngx-scroll-drag)\n[![License](https://img.shields.io/github/license/azerafati/scroll-drag.svg)](#license)\n\nScroll using mouse drag\n\n\n## Getting started\n\n```\nnpm i @azerafati/ngx-scroll-drag\n```\n* Add `ngxScrollDrag` on a scrolling element, now that element can also be scrolled by a mouse drag.\n* The ScrollDrag Element can have a shadow if you add `[scrollShadow]=\"true\"` indicating the out of view content. This uses background gradients which is perfect in most cases, unless the scrolling content is using complex z-index which might render on top of the shadow.\n* If you want to show scroll shadows and have z-index issues, wrap your scrolling element with `\u003cngx-scroll-shadow\u003e` tag.\n\n[**See the Demo**](https://azerafati.com/scroll-drag/)\n\n\n\n## Running unit tests\n\nRun `npm test` to execute the unit tests via [Jest](https://jestjs.io/).\n\n\n----\n\n## Development server\n\nRun `npm start` for a dev server. Navigate to `http://localhost:4200/`. \n\n\n## Build\n\nRun `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fazerafati%2Fscroll-drag","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fazerafati%2Fscroll-drag","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fazerafati%2Fscroll-drag/lists"}