原生js、html动态侧边栏、动态内容区域滚动点击高亮内容锁定

.tb是侧边栏的每项标题

.block是内容

给内容每项设置一个独立的id，在通过a标签点击去实现跳转

滚动标签对应，就是获取内容距离顶部的距离，在获取滚动的距离进行判断，复合条件添加class类名，不合符删除类名

//滚动对应标题方法

$(window).scroll(function () {

          let lents=$(".navs-left .tb").length

          let iTop = $(window).scrollTop(); //页面滚动的距离

          for(let i=0;i<lents;i++){

            let block1=document.getElementById('block'+(i+1)).offsetTop

            let block2=document.getElementById('block'+(i+1+1))?document.getElementById('block'+(i+1+1)).offsetTop:iTop+1

            if(iTop>block1&&iTop<=block2){

              for(let j=0;j<lents;j++){

                $(".navs-left .tb").eq(j).removeClass('act');

              }

              $(".navs-left .tb").eq(i).addClass('act');

            }

          }

      })