jQuery滚动条插件nanoscroller使用指南

<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.9.1.js">

2.定义滚动条样式




.nano { background: #bba; width: 500px; height: 500px; font-size:12px;font-family:微软雅黑;border-radius:8px; }
.nano .content { 
  padding: 20px;
}
.nano .pane {
  background: #555;
  width: 8px;
  right: 1px;
 margin: 5px;
}
.nano .slider {
  background: #111;
}



3.滚动显示的内容




<div id="about" class="nano">
 <div class="content"> 
   滚动显示的内容
  </div>
</div>


以上所述就是本文的全部内容了，希望大家能够喜欢。