{"id":22220342,"url":"https://github.com/yvescoding/vuescroll","last_synced_at":"2025-04-10T06:12:55.120Z","repository":{"id":37336317,"uuid":"98311526","full_name":"YvesCoding/vuescroll","owner":"YvesCoding","description":"A customizable scrollbar plugin based on vue.js for PC , mobile phone, touch screen, laptop.","archived":false,"fork":false,"pushed_at":"2023-09-28T08:13:46.000Z","size":4572,"stargazers_count":1270,"open_issues_count":18,"forks_count":111,"subscribers_count":19,"default_branch":"dev","last_synced_at":"2024-04-28T07:12:50.521Z","etag":null,"topics":["component","javascript","scrollbar","slide","virtual-scrollbar","vue","vue-components","vuescroll"],"latest_commit_sha":null,"homepage":"https://vuescrolljs.yvescoding.me","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/YvesCoding.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.MD","contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-07-25T13:51:16.000Z","updated_at":"2024-04-26T02:12:40.000Z","dependencies_parsed_at":"2024-01-08T08:56:33.428Z","dependency_job_id":null,"html_url":"https://github.com/YvesCoding/vuescroll","commit_stats":{"total_commits":618,"total_committers":14,"mean_commits":"44.142857142857146","dds":"0.40291262135922334","last_synced_commit":"c114cfc846b4c58918b6eb1fb026528991412c6e"},"previous_names":[],"tags_count":58,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YvesCoding%2Fvuescroll","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YvesCoding%2Fvuescroll/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YvesCoding%2Fvuescroll/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YvesCoding%2Fvuescroll/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/YvesCoding","download_url":"https://codeload.github.com/YvesCoding/vuescroll/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248166925,"owners_count":21058481,"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":["component","javascript","scrollbar","slide","virtual-scrollbar","vue","vue-components","vuescroll"],"created_at":"2024-12-02T23:08:14.290Z","updated_at":"2025-04-10T06:12:55.095Z","avatar_url":"https://github.com/YvesCoding.png","language":"JavaScript","readme":" \u003cp align=\"center\"\u003e\u003ca href=\"https://nifty-shannon-7eab38.netlify.app/\"\u003e\u003cimg width=\"100\" src=\"https://nifty-shannon-7eab38.netlify.app/logo.png\" /\u003e\u003c/a\u003e\u003c/p\u003e\n\u003ch1 align=\"center\"\u003eVuescroll\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/vuescroll\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/vuescroll.svg\" alt=\"Version\"\u003e\u003c/a\u003e\u003ca href=\"https://circleci.com/gh/YvesCoding/vuescroll/tree/dev\"\u003e\u003cimg src=\"https://circleci.com/gh/YvesCoding/vuescroll/tree/dev.png?style=shield\" alt=\"Build Status\"\u003e\u003c/a\u003e\n   \u003ca href=\"https://codecov.io/github/YvesCoding/vuescroll?branch=dev\"\u003e\u003cimg src=\"https://img.shields.io/codecov/c/github/YvesCoding/vuescroll/dev.svg\" alt=\"Coverage\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/vuescroll\"\u003e\u003cimg src=\"https://img.shields.io/npm/l/vuescroll.svg\" alt=\"License\"\u003e\u003c/a\u003e\n\u003ca href=\"https://www.npmjs.com/package/vuescroll\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/vuescroll.svg\" alt=\"Download\"\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/YvesCoding/vuescroll\"\u003e\u003cimg src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square\" alt=\"prettier\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/wangyi7099/pictureCdn/blob/master/allPic/vuescroll/show.gif?raw=true\" width=\"800\"  alt=\"Demo\"/\u003e \n\u003c/p\u003e\n\n## Introduction\n\nVuescroll is a scrollbar plugin based on Vue.js 2.X, it is very easy to use, no complex options and each option has its default value(It means you don't even have to write any configuration). Just wrap the content by `\u003cvue-scroll\u003e` and a custom scrollbar will show. It supports:\n\n- Customizable scrollbar\n- Pull-to-refresh, push-to-load\n- Carousel\n\n## Compatibility\n\n| vue version | vuescroll version |\n| ----------- | ----------------- |\n| 2.x         | \u003c=4.X             |\n| 3.x         | \u003e=5.0.0           |\n\n## Demo\n\n- You can find demo under examples folder of repo.\n- You can see the full features of vuescroll at [Live Demo](https://nifty-shannon-7eab38.netlify.app/demo) section of the website.\n\n## Install\n\n```bash\nnpm i vuescroll -S\n\n# OR\n\nyarn add vuescroll\n\n```\n\n## Usage\n\n### Import and registry\n\n#### For vue2.x\n\n```js\nimport vuescroll from 'vuescroll';\nimport Vue from 'vue';\n\nVue.use(vuescroll, {\n  ops: {\n    // The global config\n  },\n  name: 'myScroll' // customize component name, default -\u003e vueScroll\n});\n\n// OR\n\nVue.component('vue-scroll', vuescroll);\n```\n\n#### For vue3.x\n\n```js\nimport { createApp } from 'vue';\nimport vuescroll from 'vuescroll';\n\nconst app = createApp(App);\n\n// You can set global config here.\napp.use(vuescroll, {\n  ops: {\n    // The global config\n  },\n  name: 'myScroll' // customize component name, default -\u003e vueScroll\n});\n```\n\n### Wrap the content by vue-scroll\n\n```html\n\u003cdiv class=\"container\"\u003e\n  \u003cvue-scroll\u003e\n    \u003cdiv class=\"content\"\u003e\u003c/div\u003e\n  \u003c/vue-scroll\u003e\n\u003c/div\u003e\n```\n\n## Documentation\n\nFor detailed docs, please see [Guide](https://nifty-shannon-7eab38.netlify.app/guide) section on the website.\n\n## Communication\n\n- Wechat\n\n \u003cimg src=\"https://github.com/wangyi7099/pictureCdn/blob/master/allPic/vuescroll/wx.png?raw=true\" width=\"400\" alt=\"Demo\" style=\"max-width:100%;\"\u003e\n\n- Twitter\n\n[@wangyi70991](https://twitter.com/wangyi70991)\n\n## License\n\n**MIT** By Yves Wang(Wangyi Yi)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyvescoding%2Fvuescroll","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyvescoding%2Fvuescroll","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyvescoding%2Fvuescroll/lists"}