{"id":13554687,"url":"https://github.com/depthdev/ScrollbarReloaded","last_synced_at":"2025-04-03T07:32:21.907Z","repository":{"id":78984087,"uuid":"66904407","full_name":"depthdev/ScrollbarReloaded","owner":"depthdev","description":"Cross-browser, custom scrollbar with touch support and built-in master/slave hook.","archived":false,"fork":false,"pushed_at":"2016-09-08T06:16:03.000Z","size":40,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-11T07:45:32.033Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/depthdev.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}},"created_at":"2016-08-30T03:49:46.000Z","updated_at":"2018-02-01T00:17:31.000Z","dependencies_parsed_at":"2024-01-22T08:08:37.730Z","dependency_job_id":null,"html_url":"https://github.com/depthdev/ScrollbarReloaded","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/depthdev%2FScrollbarReloaded","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/depthdev%2FScrollbarReloaded/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/depthdev%2FScrollbarReloaded/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/depthdev%2FScrollbarReloaded/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/depthdev","download_url":"https://codeload.github.com/depthdev/ScrollbarReloaded/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":213521382,"owners_count":15599796,"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":[],"created_at":"2024-08-01T12:02:52.889Z","updated_at":"2024-11-04T03:31:01.777Z","avatar_url":"https://github.com/depthdev.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","others"],"sub_categories":[],"readme":"# ScrollbarReloaded\nJavaScript scrollbar plugin to unify scrollbar styling. Supports IE10+, and all major browsers. Built-in master/slave hook. Supports 3 rendering types. Touch enabled.\n\n### [Demo](http://depthdev.com/modules)\n\n### Markup \u0026 Inline Options\n* Apply the attribute `scrollbar-reloaded` to applicable elements.\n    * Providing a value of `master-{namespace}` will designate that element as the \"master\" scrollbar.\n        * No inner element/content is necessary.\n    * Providing a value of `slave-{namespace}` will designate that as a slave to the namespaced \"master\" scrollbar.\n    * Providing an additional attribute of `scrollbar-reloaded-x` or `scrollbar-reloaded-y` with a value of `false` will ignore scrolling in the defined direction both visually and functionally.\n    * Providing an additional attribute of `scrollbar-reloaded-type` with a value of:\n        * `default`, no value, any value but \"margin\" or \"scroll\", or no attribute altogether will default to using position relative top/left.\n            * RECOMMENDED (DEFAULT)\n            * Best performance\n        * `margin` will scroll using margin properties.\n            * OK performance\n        * `scroll` will use scrollTop/scrollLeft JavaScript properties, useful if integrating with another scroll-based plugin.\n            * The parent element will receive a position of \"relative\" and should be styled to be immediately around the ScrollbarReloaded element.\n            * IMPORTANT!: This slows down the UI do to reflow caused by scrollTop/scrollLeft, especially on IE.\n        * FYI: Master scrollbars will work with a mix of the aforementioned scroll types.  \n\n### Styles\n* Styles can be adjusted in the SCSS or CSS file.  \n\n### Methods\n* `bootstrap` (global only) bootstraps elements with the `scrollbar-reloaded` attribute that haven't already been bootstrapped on the document.\n* `bootstrapped` (global only) returns an object with all ScrollbarReloaded instances and access to their methods `destroy`, `reset` and `update`.\n* `destroy` (global/instance) destroys document/window listeners.\n* `reset`  (global/instance) resets heights/widths such as for use after the content size changes. (Window resizing reset is handled automatically).\n* `update` (global/instance) moves the element's scroll position to the x/y parameters provided as percentage floats. (Using a master scrollbar's instance `update` will cause it and the slaves to be scrolled to the same percentage).  \n\n### Global Options \u0026 Usage\n* Apply `scrollbar-reloaded` attributes to applicable elements.\n* Create a global instance. Example: `const mts = new ScrollbarReloaded();`\n    * Optionally, pass in an object with available properties of:\n        * `minHandleLength` (int) default is 10 pixels\n        * `resizeDelay` (int) default is 17 milliseconds\n* Call the `bootstrap` method to bootstrap applicable elements. Example: `mts.bootstrap();`.\n* NOTE: See \"Markup \u0026 Inline Options\" and \"Methods\" for more options.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdepthdev%2FScrollbarReloaded","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdepthdev%2FScrollbarReloaded","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdepthdev%2FScrollbarReloaded/lists"}