jquery实现Li滚动时滚动条自动添加样式的方法

本文实例讲述了jquery实现Li滚动时滚动条自动添加样式的方法。分享给大家供大家参考。具体如下：

这里使用jquery实现当拖动滚动条的时候，Li滚动列表中的内容会自动随滚动条变化而下移，并自动添加样式。

运行效果截图如下：

具体代码如下：

.sub_menu_frame {
position: fixed;
top: 50px;
width: 280;
height:400px;
right:20px;
overflow:auto;
background: rgb(221, 221, 255);
color: red;
}
h2 {color: green;margin-top:350px;}
span {color: red;display: none;}
.avtive{background: rgb(211, 211, 211);color: rgb(88, 88, 88);border: 1px solid rgb(190, 190, 190);}





 

  
11111111111
  
222222222222222
  
333333333
  
444444444444
  
555555555555
   
66666666666
   
77777777777777
   
88888888888888
   
9999999999999
 



 hello1

 

 hello2

 hello3

 hello4

 hello5

 hello6


 hello7


 hello8


 hello9

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