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

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

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

运行效果截图如下：

具体代码如下：

html lang=' en ' hearta charset=' utf-8 '标题滚动滚动，LI随滚动条自动变化/title样式。子菜单框架{位置：固定；top: 50px宽度： 280;高度：400 px右：20px飞越：汽车；背景： rgb(221，221，255)；颜色：红色；}h2 {color:绿色；页边距-顶部：350 px} span { color : reddisplay :无；}.avactive {背景： RGB(211，211，211)；color: rgb(88，88，88)；border: 1px纯色rgb(190，190，190)；}/style脚本src=' http : jquery-1。6 .2 .量滴js '/script/head dydiv class=' sub _ menu _ frame ' ul class=' sub _ menu ' Li class=' ICB TN ' a href=' # h1 ' 11111111/a/李丽丽class=' ICB TN ' a href=' # H2 ' 2222222222/a/Li Li class=' ICB TN ' a子菜单"阿利")。单击(函数(){ $(').子菜单"阿利")。移除CLaSS(' ava active ')；$(这个)。addCLaSS(' avaactive ')；});});$(窗口)。scroll(function(){ var hh=$(' H2 ')；var sctop=$(this).滚动顶部()；手宽每个(函数(){ var park=$(this)).偏移量()。top-sctop；if(park350 park0) { $(' .子菜单"阿利")。移除CLaSS(' ava active ')；var inde=$(this).index()-1；$('.子菜单li:eq(' inde ') a ').addCLaSS(' avaactive ')；console.log($(this).index() $(this).html())；} });});/脚本/正文/html希望本文所述对大家的jquery程序设计有所帮助。