Perfect scrollbar

by RajKumari_1

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/1.5.5/perfect-scrollbar.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/1.5.5/perfect-scrollbar.common.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/1.5.5/css/perfect-scrollbar.min.css">
<html>
  <head>
  </head>
  <body>
    <div class="container">
      <ul id="div">
          <li>1</li>
          <li>2</li>
          <li>2</li>
          <li>2</li>
          <li>2</li>
          <li>2</li>
          <li>2</li>
      </ul>
    </div>
  </body>
</html>

CSS

.container {
  background: #73AD21;
  padding: 20px;
  width: 200px;
  max-height: 150px;
  overflow: none;
}

ul {
  overflow: auto;
}

li {
  background: #666666;
  padding: 20px;
  width: 20px;
  height: 15px;
}

body {
  max-height: 200px;
}

JavaScript

/* let divElem = document.getElementById('div');
let ps = new PerfectScrollbar(divElem); */