Get started with perfect-scrollbar CDN

MIT licensed

The Perfect-Scrollbar library enhances standard scrollbars with custom, sleek ones for a more modern look and feel.

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

Stable version

Copied!

How to start using perfect-scrollbar CDN


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
    <script src="https://cdn.jsdelivr.net/npm/perfect-scrollbar@1.5.5/dist/perfect-scrollbar.min.js"></script>
    <style>
        #scroller { height: 200px; overflow: auto; }
    </style>
</head>
<body>
    <div id="scroller">
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
            <li>Item 5</li>
            <li>Item 6</li>
            <li>Item 7</li>
            <li>Item 8</li>
            <li>Item 9</li>
            <li>Item 10</li>
        </ul>
    </div>
    <script>
        const scroller = new PerfectScrollbar('#scroller');
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions