本文實例講述了jquery實現Li滾動時滾動條自動添加樣式的方法。分享給大家供大家參考。具體如下：

這里使用jquery實現當拖動滾動條的時候，Li滾動列表中的內容會自動隨滾動條變化而下移，并自動添加樣式。

運行效果截圖如下：

具體代碼如下：

scroll滾動，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

總結

以上是生活随笔為你收集整理的jsp ul设置滚动条_jquery实现Li滚动时滚动条自动添加样式的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。