jQuery自定义滚动条完整实例

本文实例讲述了jQuery自定义滚动条实现方法。分享给大家供大家参考，具体如下：

很多时候，由于美观上的考虑，往往需要自定义各种各样的滚动条，因此，本人做了一个demo

运行效果截图如下：

以下是代码部分：

  
    
    
    
      *{ margin:0; padding: 0;}
      body{ font-size: 12px;}
      #div1{ width: 200px; height: 300px; margin: 50px auto; position: relative; _overflow: hidden; border: 1px solid #000;}
      #div2{ width: 180px; position: absolute; top: 0; left: 5px;}
      #div3{ width: 10px; position: absolute; top: 0; right:5px; background: #000;}
    
  
  
    
      
      
 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

 1

      
    
    
  

希望本文所述对大家jQuery程序设计有所帮助。