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.

Related resources

• Scroll Back To Top

• Scrollspy

• Scrollbar

• Scroll Status

Social Media

• Twitter

• Facebook

• Pinterest

• Dribbble

• LinkedIn

• YouTube

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.

Check it out

Changelog

[1.5.0] - 2020-01-16

Notable changes:

• Recreated build tools using Rollup
• Updated all dependencies to its latest versions
• Switched from Travis CI to GitHub Actions
• Added Dependabot to keep our dependencies up-to-date
• Fixed RTL support (#744, #689, #750)
• Fixed shouldBeConsumedByChild logic in mouse-wheel.js (#841)
• Improved compatibility with parent class (#839)
• Added missing properties in types definition (#808)
• Added support for fractional size of scrolled element (#837)
• Added support for touch devices (#829, #867)
• Added dragging support for mobile devices (#811)