tab切换div自动定位展示，滚动条scroll自动定位位置标记样式

 <div class="detail-tab t-c display-flex">
      <a data-href="#d1" >审核轨迹</a>
      <a data-href="#d2" >客户信息</a>
      <a data-href="#d3" >车辆信息</a>
      <a data-href="#d4" >险种信息</a>
      <a data-href="#d5">其他信息</a>
  </div>
<div class="page-group2">
     <div id="d1" class="bg-color8 pt2">
     </div>
    <div id="d2" class="bg-color8 pt2">
     </div>
    <div id="d3" class="bg-color8 pt2">
     </div>
    <div id="d4" class="bg-color8 pt2">
     </div>
</div>

   //tab切换
    $('.detail-tab a').click(function() {
		$(this).addClass("active").siblings().removeClass("active");
		sessionStorage.setItem('scroll', 'scroll');
	    $('html,body').animate({
			scrollTop: $($.attr(this, 'data-href')).offset().top - $(".detail-tab").height() + 2
					}, 800);
		setTimeout(function(){
			sessionStorage.removeItem('scroll');
		},800)
	});
	$(window).scroll(function(){
		var len=$('.detail-tab a').length;
		for(var i=0;i<len;i++){
			if($(window).scrollTop()+$(".detail-tab").height()>=$(`#d${i+1}`).offset().top){
				$(`.detail-tab a[data-href=#d${i+1}]`).addClass("active").siblings().removeClass("active");
			}
		}
	})