LICENSE
4 years ago
README.md
4 years ago
perfect-scrollbar.css
8 months ago
perfect-scrollbar.js
4 years ago
perfect-scrollbar.min.css
4 years ago
perfect-scrollbar.min.js
4 years ago
README.md
93 lines
| 1 | <p align="center"> |
| 2 | <a href="https://perfectscrollbar.com/?utm_source=GitHub&utm_medium=PerfectScrollbar"> |
| 3 | <img src="https://perfectscrollbar.com/logo2.png" width="300" height="200"> |
| 4 | </a> |
| 5 | </p> |
| 6 | |
| 7 | <h1 align="center">perfect-scrollbar</h1> |
| 8 | |
| 9 | <p align="center">Minimalistic but perfect custom scrollbar plugin<p> |
| 10 | |
| 11 | |
| 12 | <p align="center"> |
| 13 | <a href="https://npmcharts.com/compare/perfect-scrollbar?minimal=true"><img src="https://img.shields.io/npm/dm/perfect-scrollbar.svg" alt="Downloads"></a> |
| 14 | <a href="https://github.com/mdbootstrap/bootstrap-material-design/blob/master/License.pdf"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a> |
| 15 | <a href="https://badge.fury.io/js/perfect-scrollbar"><img src="https://badge.fury.io/js/perfect-scrollbar.svg" alt="npm"></a> |
| 16 | <a href="https://twitter.com/intent/tweet/?text=Thanks+@mdbootstrap+for+maintaining+amazing+and+free+Perfect+Scrollbar+Plugin%20https://perfectscrollbar.com/&hashtags=javascript,code,webdesign,bootstrap"><img src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social&label=Let%20us%20know%20you%20were%20here%21&"></a> |
| 17 | <a href="https://www.youtube.com/watch?v=c9B4TPnak1A"><img alt="YouTube Video Views" src="https://img.shields.io/youtube/views/c9B4TPnak1A?label=Bootstrap%205%20Tutorial%20Views&style=social"></a> |
| 18 | </p> |
| 19 | |
| 20 | ________ |
| 21 | |
| 22 | |
| 23 | |
| 24 | ## Why perfect-scrollbar? |
| 25 | |
| 26 | perfect-scrollbar is minimalistic but *perfect* (for us, and maybe for most |
| 27 | developers) scrollbar plugin. |
| 28 | |
| 29 | * No change on design layout |
| 30 | * No manipulation on DOM tree |
| 31 | * Use plain `scrollTop` and `scrollLeft` |
| 32 | * Scrollbar style is fully customizable |
| 33 | * Efficient update on layout change |
| 34 | |
| 35 | We hope you will love it! |
| 36 | |
| 37 | ## Live preview |
| 38 | |
| 39 | Check out the [](https://mdbootstrap.com/snippets/standard/marveluck/3498209?utm_source=GitHub&utm_medium=PerfectScrollbarLive Preview](https://mdbootstrap.com/snippets/standard/marveluck/3498209?utm_source=GitHub&utm_medium=PerfectScrollbar](https://mdbootstrap.com/snippets/standard/marveluck/3498209?utm_source=GitHub&utm_medium=PerfectScrollbar) snippet. You can fork it right away for testing and experimenting purposes. |
| 40 | |
| 41 | |
| 42 | |
| 43 | ## Related resources |
| 44 | |
| 45 | |
| 46 | - [](https://mdbootstrap.com/docs/standard/extended/back-to-top/?utm_source=GitHub&utm_medium=PerfectScrollbarScroll Back To Top](https://mdbootstrap.com/docs/standard/extended/back-to-top/?utm_source=GitHub&utm_medium=PerfectScrollbar](https://mdbootstrap.com/docs/standard/extended/back-to-top/?utm_source=GitHub&utm_medium=PerfectScrollbar) |
| 47 | |
| 48 | - [](https://mdbootstrap.com/docs/standard/navigation/scrollspy/?utm_source=GitHub&utm_medium=PerfectScrollbarScrollspy](https://mdbootstrap.com/docs/standard/navigation/scrollspy/?utm_source=GitHub&utm_medium=PerfectScrollbar](https://mdbootstrap.com/docs/standard/navigation/scrollspy/?utm_source=GitHub&utm_medium=PerfectScrollbar) |
| 49 | |
| 50 | - [](https://mdbootstrap.com/docs/standard/methods/scrollbar/Scrollbar](https://mdbootstrap.com/docs/standard/methods/scrollbar/](https://mdbootstrap.com/docs/standard/methods/scrollbar/) |
| 51 | |
| 52 | - [](https://mdbootstrap.com/docs/standard/plugins/scroll-status/?utm_source=GitHub&utm_medium=PerfectScrollbarScroll Status](https://mdbootstrap.com/docs/standard/plugins/scroll-status/?utm_source=GitHub&utm_medium=PerfectScrollbar](https://mdbootstrap.com/docs/standard/plugins/scroll-status/?utm_source=GitHub&utm_medium=PerfectScrollbar) |
| 53 | |
| 54 | ## Social Media |
| 55 | |
| 56 | - [](https://twitter.com/MDBootstrapTwitter](https://twitter.com/MDBootstrap](https://twitter.com/MDBootstrap) |
| 57 | |
| 58 | - [](https://www.facebook.com/mdbootstrapFacebook](https://www.facebook.com/mdbootstrap](https://www.facebook.com/mdbootstrap) |
| 59 | |
| 60 | - [](https://pl.pinterest.com/mdbootstrapPinterest](https://pl.pinterest.com/mdbootstrap](https://pl.pinterest.com/mdbootstrap) |
| 61 | |
| 62 | - [](https://dribbble.com/mdbootstrapDribbble](https://dribbble.com/mdbootstrap](https://dribbble.com/mdbootstrap) |
| 63 | |
| 64 | - [](https://www.linkedin.com/company/material-design-for-bootstrapLinkedIn](https://www.linkedin.com/company/material-design-for-bootstrap](https://www.linkedin.com/company/material-design-for-bootstrap) |
| 65 | |
| 66 | - [](https://www.youtube.com/channel/UC5CF7mLQZhvx8O5GODZAhdAYouTube](https://www.youtube.com/channel/UC5CF7mLQZhvx8O5GODZAhdA](https://www.youtube.com/channel/UC5CF7mLQZhvx8O5GODZAhdA) |
| 67 | |
| 68 | ## Get Free Material Design for Bootstrap 5 |
| 69 | |
| 70 | <table> |
| 71 | <tbody> |
| 72 | <tr> |
| 73 | <td> |
| 74 | <a href="https://mdbootstrap.com/docs/standard/" alt="Bootstrap 5" rel="dofollow"> |
| 75 | <img src="https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/pro/_main/assets/mdb5-about-v2.jpg"> |
| 76 | </a> |
| 77 | </td> |
| 78 | <td> |
| 79 | <ul style="list-style-type:none;"> |
| 80 | <li>Material Design 2.0 + latest Bootstrap 5 based on plain JavaScript. 700+ material UI components, super simple, 1 minute installation, free templates & much more</li> |
| 81 | </ul> |
| 82 | </td> |
| 83 | </tr> |
| 84 | </tbody> |
| 85 | </table> |
| 86 | |
| 87 | ## Free Tutorials |
| 88 | |
| 89 | Huge collection of free and high-quality tutorials. Learn Bootstrap, Angular, React, Vue, WordPress and many more. Create your own websites and apps. |
| 90 | |
| 91 | |
| 92 | [](https://www.youtube.com/c/MdbootstrapCheck it out](https://www.youtube.com/c/Mdbootstrap](https://www.youtube.com/c/Mdbootstrap) |
| 93 |