Get started with smooth-scrollbar CDN
MIT licensed
The smooth-scrollbar library is a lightweight JS solution for adding custom, visually appealing scrollbars with smooth scrolling functionality to any HTML element.
Tags:- scrollbar
- customize
- acceleration
- performance
Stable version
Copied!
How to start using smooth-scrollbar CDN
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/smooth-scrollbar.min.js"></script>
</head>
<body>
<div id="container" style="height: 2000px;">
<!-- Your content here -->
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
const container = document.querySelector('#container');
SmoothScrollbar.init(container);
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
All versions
1.0.0
1.0.1
1.0.2
1.1.0
1.1.1
1.1.2
1.1.3
1.1.4
1.1.5
1.1.6
1.1.7
1.1.8
1.1.9
1.2.1
1.2.2
1.3.0
1.3.1
1.3.2
1.4.0
1.4.1
1.4.2
1.4.3
1.4.4
2.0.0
2.0.1
2.0.2
2.0.3
3.0.0
3.1.0
4.0.0
4.0.1
4.0.2
4.1.0
4.1.1
4.1.2
4.1.3
4.2.0
4.2.1
4.2.2
5.0.0
5.0.1
5.1.0
5.2.0
5.2.1
5.3.0
5.3.1
5.3.10
5.3.2
5.3.3
5.3.4
5.3.5
5.3.6
5.3.7
5.3.8
5.3.9
5.5.0
5.5.1
5.5.2
5.5.3
5.6.0
5.6.1
5.6.2
5.6.3
5.6.4
5.6.5
6.0.0
6.0.1
6.0.2
6.0.3
6.0.4
6.1.0
6.1.1
6.1.2
6.2.0
6.3.0
6.3.1
6.3.2
6.3.3
6.3.4
6.4.0
7.1.0
7.1.1
7.1.2
7.1.3
7.1.4
7.2.0
7.2.1
7.2.10
7.2.2
7.2.3
7.2.4
7.2.6
7.2.7
7.2.8
7.2.9
7.3.0
7.3.1
7.4.0
7.4.1
8.0.0-beta.2
8.0.0-beta.3
8.0.1
8.0.3
8.0.4
8.1.0
8.1.1
8.1.10
8.1.11
8.1.12
8.1.2
8.1.3
8.1.4
8.1.5
8.1.6
8.1.7
8.1.8
8.2.0
8.2.1
8.2.2
8.2.3
8.2.4
8.2.5
8.2.6
8.2.7
8.3.0
8.3.1
8.4.0
8.4.1
8.5.0
8.5.1
8.5.2
8.5.3
8.6.0
8.6.1
8.6.2
8.6.3
8.7.0
8.7.1
8.7.2
8.7.3
8.7.4
8.7.5
8.8.0
8.8.1
8.8.2
8.8.3
*** 8.8.4