Get started with jquery.nicescroll CDN
MIT licensed
JQuery NiceScroll: plugin for smooth, horizontal/vertical scrolling of any webpage element.
Tags:- nicescroll
- jquery
- interface
- window
- dom
- div
- scroll
- ios
- mobile
- desktop
- scrollbar
- touch
- android
Stable version
Copied!
How to start using jquery.nicescroll CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with jquery.nicescroll CDN - cdnhub.io</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/nice-scroll/3.7.6/css/nice-scroll.min.css" referrerpolicy="no-referrer" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.cdnhub.io/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script>
<style>
#container {
height: 400px;
overflow: auto;
}
</style>
</head>
<body>
<div id="container">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo. Sed euismod, nisi quis scelerisque bibendum, quam quam bibendum odio, quis mollis sapien nibh et justo.</p>
</div>
<script>
$(document).ready(function() {
$('#container').niceScroll();
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!