Home
perfect-scrollbar

Minimalistic but perfect custom scrollbar plugin

perfect-scrollbar

Package: perfect-scrollbar

Created by: mdbootstrap

Last modified: Mon, 16 Jan 2023 09:18:37 GMT

Version: 1.5.5

License: MIT

Downloads: 4,136,289

Repository: https://github.com/mdbootstrap/perfect-scrollbar

Install

npm install perfect-scrollbar

yarn add perfect-scrollbar

perfect-scrollbar

Minimalistic but perfect custom scrollbar plugin

Why perfect-scrollbar?

perfect-scrollbar is minimalistic but perfect (for us, and maybe for most
developers) scrollbar plugin.

No change on design layout
No manipulation on DOM tree
Use plain scrollTop and scrollLeft
Scrollbar style is fully customizable
Efficient update on layout change

We hope you will love it!

Live preview

Check out the Live Preview snippet. You can fork it right away for testing and experimenting purposes.

Get Free Material Design for Bootstrap 5

Material Design 2.0 + latest Bootstrap 5 based on plain JavaScript. 700+ material UI components, super simple, 1 minute installation, free templates & much more

Free Tutorials

Huge collection of free and high-quality tutorials. Learn Bootstrap, Angular, React, Vue, WordPress and many more. Create your own websites and apps.

Dependencies

chokidar-cli: ^2.1.0 prettier: ^1.19.1 rollup: ^1.27.8 rollup-plugin-babel: ^4.3.3 rollup-plugin-babel-minify: ^9.1.1 rollup-plugin-buble: ^0.19.8

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Vue.js has gained immense popularity as a JavaScript framework for building user interfaces. Its simplicity, flexibility, and performance have made it a favorite among developers. However, to...

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Data validation is a critical aspect of web development that ensures the accuracy and integrity of user input. Whether it's validating an email address, password, or phone number, implementing robust...

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Hey there, Vue.js enthusiasts! Are you ready to dive into the world of troubleshooting? In this blog post, we'll be discussing common issues and solutions with vue-loader without using vue-cli....

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Welcome to another blog post on optimizing Webpack 4 with Vue CLI 3! In this article, we'll explore how to disable the Cache-Loader in Webpack and discuss the importance of optimizing build times for...

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

In today's blog post, we are going to dive into the world of Vuex plugins and explore how to add a function to your plugin. Vuex is an essential part of managing state in Vue applications, and...

© 2023 Vuejscomponent All Rights Reserved

Introducing a blog that delves into the exciting world of Vue.js components. Stay tuned for insightful examples and valuable insights that will elevate your Vue.js development skills.