JSFiddle - React, Tailwind, and code Playground

by manoj_antony32

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.scrollbar/0.2.11/jquery.scrollbar.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.scrollbar/0.2.11/jquery.scrollbar.css">
        <div class="wrapper scrollbar-dynamic">
            <div class="page-content" style="height: 200px;overflow-y: auto;">

                <h1>jQuery Scrollbar</h1>

                Cross-browser CSS customizable scrollbar with advanced features:
                <ul>
                    <li>Easy to implement</li>
                    <li>No fixed height or width needed</li>
                    <li>Supports responsive design</li>
                    <li>Customizable CSS</li>
                    <li>Standard browser scroll behaviour</li>
                    <li>Supports vertical and horizontal scrollbars or both</li>
                    <li>Automatically re-initializes scrollbars</li>
                    <li>Supports external scrollbars</li>
                    <li>Provides a AngularJS directive</li>
                    <li>Supports the use as textarea scrollbar</li>
                    <li>Browser support: IE7+, Edge, Firefox, Opera, Chrome, Safari</li>
                </ul>
                
      </div>
</div>

JavaScript

$('.wrapper').scrollbar();