{"id":16374442,"url":"https://github.com/azz/knockout-scrollbar","last_synced_at":"2025-07-02T06:33:10.445Z","repository":{"id":66081967,"uuid":"67862048","full_name":"azz/knockout-scrollbar","owner":"azz","description":"perfect-scrollbar binding for knockout.js","archived":false,"fork":false,"pushed_at":"2016-09-11T12:37:10.000Z","size":22,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-18T14:43:41.145Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://derflatulator.github.io/knockout-scrollbar/demo/","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/azz.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}},"created_at":"2016-09-10T09:16:06.000Z","updated_at":"2016-09-10T09:57:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"51e2f125-fef5-4890-a121-87aae4590f0a","html_url":"https://github.com/azz/knockout-scrollbar","commit_stats":{"total_commits":15,"total_committers":1,"mean_commits":15.0,"dds":0.0,"last_synced_commit":"bb4400ecda8426e985a1f53341cca06f1ec976fa"},"previous_names":["derflatulator/knockout-scrollbar"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/azz/knockout-scrollbar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azz%2Fknockout-scrollbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azz%2Fknockout-scrollbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azz%2Fknockout-scrollbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azz%2Fknockout-scrollbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/azz","download_url":"https://codeload.github.com/azz/knockout-scrollbar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azz%2Fknockout-scrollbar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262219801,"owners_count":23276888,"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-10-11T03:17:15.634Z","updated_at":"2025-07-02T06:33:10.374Z","avatar_url":"https://github.com/azz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# knockout-scrollbar\nperfect-scrollbar binding for knockout.js\n\n\u003e knockout-scrollbar uses a custom Knockout binding for \n\u003e \u003ca href=\"https://github.com/noraesae/perfect-scrollbar\"\u003eperfect-scrollbar\u003c/a\u003e, and uses\n\u003e \u003ca href=\"https://github.com/marcj/css-element-queries/\"\u003eResizeSensor.js\u003c/a\u003e\n\u003e to performantly determine whenever the dimensions of the scroll target change.\n\u003e This means there is no need to programmatically call an update function.\n\n## demo\n\nhttps://derflatulator.github.io/knockout-scrollbar/demo/\n\n## install\n\n```sh\nnpm i -S knockout-scrollbar\n```\n\n## import\n\nIf you're using a bundler, just `require('knockout-scrollbar')`.\n\nOtherwise you can include `node_modules/knockout-scrollbar/dist/knockout-scrollbar.js` with a script tag,\nwhich bundles in `perfect-scrollbar` and `ResizeSensor.js`. `ko` is assumed to be a global.\n\nYou'll need to separately include `perfect-scrollbar.css` though:\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.12/css/perfect-scrollbar.min.css\" /\u003e\n```\n\n## use\n\n```html\n\u003cdiv data-bind=\"scroll: {x: false, y: true}\"\u003e\n  Some content...\n\u003c/div\u003e\n```\n\nDefaults for both `x` and `y` scrollbars is `true`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fazz%2Fknockout-scrollbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fazz%2Fknockout-scrollbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fazz%2Fknockout-scrollbar/lists"}