Get started with jquery.perfect-scrollbar CDN

MIT licensed

JQuery Perfect Scrollbar is a lightweight plugin for adding custom scrollbars to any element.

Tags:
  • jquery-plugin
  • frontend
  • scroll
  • scrollbar

Stable version

Copied!

How to start using jquery.perfect-scrollbar CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with jquery.perfect-scrollbar CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/perfect-scrollbar.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/jquery.perfect-scrollbar/1.5.5/js/perfect-scrollbar.min.js"></script>
</head>
<body>
    <div id="scrollable-container" style="height: 300px; overflow: auto;">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget mi eget nibh elementum aliquet. Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna.</p>
        <p>Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna. Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna.</p>
        <p>Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna. Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna.</p>
        <p>Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna. Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna.</p>
        <p>Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna. Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna.</p>
        <p>Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna. Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna.</p>
        <p>Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna. Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna.</p>
        <p>Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna. Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna.</p>
        <p>Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna. Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna.</p>
        <p>Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna. Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna.</p>
    </div>

    <script>
        $(document).ready(function() {
            $('#scrollable-container').perfectScrollbar();
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions