jquery点击添加class，实现滚动监听

来源：互联网发布：淘宝生意参谋在哪里编辑：程序博客网时间：2024/05/21 19:08

jquery实现点击添加class

$('.silder_bar').children().click(function(){    if($(this).hasClass('active')){    }else{        $(this).addClass('active');    }    if($(this).siblings().hasClass('active')){        $(this).siblings().removeClass('active');    } })

jquery实现滚动监听

$(window).scroll(function(){        var htmlHeight=$(window).height()      var scrollTop=$(window).scrollTop();      //console.log(htmlHeight);      //console.log(scrollTop);      if(scrollTop<htmlHeight){          $('.silder_bar>a:eq(0)').attr('class','active');          $('.silder_bar>a:eq(0)').siblings().removeClass('active');      }if(scrollTop>htmlHeight&&scrollTop<2*htmlHeight){            $('.silder_bar>a:eq(1)').attr('class','active');          $('.silder_bar>a:eq(1)').siblings().removeClass('active');      }if(scrollTop>2*htmlHeight&&scrollTop<3.8*htmlHeight){          $('.silder_bar>a:eq(2)').attr('class','active');          $('.silder_bar>a:eq(2)').siblings().removeClass('active');      }if(scrollTop>3.8*htmlHeight&&scrollTop<4.8*htmlHeight){          $('.silder_bar>a:eq(3)').attr('class','active');          $('.silder_bar>a:eq(3)').siblings().removeClass('active');      }if(scrollTop>4.8*htmlHeight&&scrollTop<5.8*htmlHeight){          $('.silder_bar>a:eq(4)').attr('class','active');          $('.silder_bar>a:eq(4)').siblings().removeClass('active');      }if(scrollTop>5.8*htmlHeight){           $('.silder_bar>a:eq(5)').attr('class','active');           $('.silder_bar>a:eq(5)').siblings().removeClass('active');            }    )

0 0