{"id":13680633,"url":"https://github.com/asvd/dragscroll","last_synced_at":"2025-05-15T12:02:32.383Z","repository":{"id":29148355,"uuid":"32678558","full_name":"asvd/dragscroll","owner":"asvd","description":"micro library for drag-n-drop scrolling style","archived":false,"fork":false,"pushed_at":"2024-05-16T16:33:25.000Z","size":26,"stargazers_count":1107,"open_issues_count":37,"forks_count":166,"subscribers_count":19,"default_branch":"master","last_synced_at":"2025-05-15T12:02:19.584Z","etag":null,"topics":["drag","dragscroll","enables-scrolling","javascript","micro-library","mouse","scroll","scrolling"],"latest_commit_sha":null,"homepage":"http://asvd.github.io/dragscroll/","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/asvd.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":"2015-03-22T14:17:28.000Z","updated_at":"2025-04-28T18:00:46.000Z","dependencies_parsed_at":"2025-04-14T18:17:38.097Z","dependency_job_id":"7dcb0f7e-81e9-4fde-a14e-dfef5dd3ae2a","html_url":"https://github.com/asvd/dragscroll","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asvd%2Fdragscroll","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asvd%2Fdragscroll/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asvd%2Fdragscroll/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asvd%2Fdragscroll/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/asvd","download_url":"https://codeload.github.com/asvd/dragscroll/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254337612,"owners_count":22054253,"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","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":["drag","dragscroll","enables-scrolling","javascript","micro-library","mouse","scroll","scrolling"],"created_at":"2024-08-02T13:01:19.488Z","updated_at":"2025-05-15T12:02:32.296Z","avatar_url":"https://github.com/asvd.png","language":"JavaScript","readme":"dragscroll\n==========\n\nDragscroll is a micro JavaScript library (910 bytes minified) which\nenables scrolling via holding the mouse button (\"drag and drop\" or\n\"click and hold\" style, [online\ndemo](http://asvd.github.io/dragscroll/)). It has no dependencies and\nis written in vanilla JavaScript (which means it works anywhere).\n\n\n### Usage\n\n\nDownload the and unpack\n[distribution](https://github.com/asvd/dragscroll/releases/download/v0.0.8/dragscroll-0.0.8.tar.gz),\nor install it using [Bower](http://bower.io/):\n\n```sh\n$ bower install dragscroll\n```\n\nor npm:\n\n```sh\n$ npm install dragscroll\n```\n\nLoad the `dragscroll.js` in a preferable way (that is an UMD module):\n\n```html\n\u003cscript src=\"path/to/dragscroll.js\"\u003e\u003c/script\u003e\n```\n\nAdd the `dragscroll` class to a scrollable element:\n\n```html\n\u003cdiv class=dragscroll\u003e\n    Big text goes here...\n\u003c/div\u003e\n```\n\nThat's it! Now you can scroll it by dragging. You can also add the\n`dragscroll` class to the `\u003cbody\u003e` element and drag the whole page.\n\nKeep in mind that now it is not possible to select the content with\nmouse, so apply the `cursor: default;` CSS style to prevent confusing\nthe users (or even `cursor: grab;` in case the content is not a text).\n\nIf you add or remove the `dragscroll` class dynamically, invoke\n`dragscroll.reset()` to update the listeners.\n\nYou can also add the `nochilddrag` attribute to a scrollable element,\nwhich will only enable drag-scrolling for an element itself, but not\nfor its subchildren. This can be usefull, if you want to enable the\nscrolling the area by dragging its empty space, but keep the\nopportunity to select the text (see\n[example](http://asvd.github.io/jailed/demos/web/process/)).\n\n-\n\nFollow me on twitter: https://twitter.com/asvd0\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasvd%2Fdragscroll","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasvd%2Fdragscroll","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasvd%2Fdragscroll/lists"}