美文网首页前端学习
jQuery 滑动到目标层,监听滚动事件

jQuery 滑动到目标层,监听滚动事件

作者: 小盐_814e | 来源:发表于2020-09-17 16:47 被阅读0次

    滑动到滚动层

    $("html,body").stop(true);
    $("html,body").animate({scrollTop: $("#"+id).offset().top}, 1000);
    

    滚动事件

    $(window).scroll(function(event){
          var oTop = document.body.scrollTop==0?document.documentElement.scrollTop:document.body.scrollTop;
          //console.log(oTop)
          $(".service-bj span.c").each(function(){
              console.log($(this));
              var _id = $(this).data("target");
              if(_id!=="top"){
                var _top=$("#"+_id).offset().top;
                if((oTop + 100) >= _top){
                  $(this).addClass("actived").siblings().removeClass("actived");
                }
              }
          })
        });
    

    相关文章

      网友评论

        本文标题:jQuery 滑动到目标层,监听滚动事件

        本文链接:https://www.haomeiwen.com/subject/bxzlyktx.html