页面回显时列表滚动到列表的高亮位置处

当划过按钮的，回显数据的时候要把当前显示的这条数据在列表里高亮，并且列表将这一条滚动到列表的第一行的位置。

页面代码太多了，贴个图片，就是ul包含li结构

回显数据就不说了，说一下定位，原本打算是用锚点实现的，后来蓝的改了，还没改成a标签，就计算了一下当前高亮数据距离顶部的距离，这个数据就是他要滚动的距离。
首先有几个距离要明确下：

1. 子元素相对于父元素的位移：$(ele).offset().top、$(ele).offset().left；
2. 获取滚动条高度：$(dom).scrollTop()；
3. 设置滚动条高度：$(dom).scrollTop(num)；

判断当出现的条数高度大于盒子的最大高度时（即需要出现滚动条时）：
父级盒子滚动条的高度=目标元素相对于父元素的上距离

$("#historyReports li").each(function(ind,ele){
    if($(ele).attr("data-id") == dataId){
        $(ele).addClass("selected").siblings().removeClass("selected");
        if(ind>12){//因为我的高度是设置的正好放13个，没有设置的话，也可以直接判断是否出现滚动条
        	//高亮区所在位置
        	var tarEleHeight2 = $(ele).offset().top - 38.0625;//目标li距离顶部的高度
        	console.log(ind,tarEleHeight,tarEleHeight2)
        	//滚动条的高度
        	$("#historyReports").scrollTop(tarEleHeight2);//就是滚动条要滚动的距离
        }
    }
})