tab切换点击居中处理

摘要：原理获取当前对象及当前对象的所有对象的高度和，获取当前父盒子的高度使用的动画处理样式代码段阿里巴巴腾讯百度华为联想万科万达恒大小米京东格力美的海尔代码段核心代码参数获取

1.获取当前对象及当前对象的所有对象的高度和，获取当前父盒子的高度
2.使用jquery的animate动画处理

*{margin:0;padding:0;}
.parent{list-style-type:none;height:300px;width:120px;overflow-y:scroll;}
.child{height:38px;border-top:2px solid red;background: green;line-height: 38px;}

    
阿里巴巴
    
腾讯
    
百度
    
华为
    
联想
    
万科
    
万达
    
恒大
    
小米
    
京东
    
格力
    
美的
    
海尔

var 
parentNode = $( ".parent" ),
childHeight = 40,
parentNodeHeight = 300;
$(".child").click(function(){
    var j = $(this).index();
    parentNode.stop().animate({
        scrollTop : childHeight * ( j + 1 ) - parentNodeHeight / 2 // 核心代码
    },600);
});

const getUrlParam = function ( mid, hashOn=false ) {
  const reg = new RegExp("(^|&)" + mid + "=([^&]*)(&|$)");
  const util = idx => window.location[ idx ].substr(1).match(reg);
  const r = util("search") || ( hashOn && util( "hash" ) ) || null;
  if ( r != null )  
    return decodeURIComponent( r[2] ); 
  return null;
}