Javascript 水平居中滚动位置至视图中活动链接的容器可见部分

现在，我正在寻找一种方法，将

scrollLeft

定位在滚动容器的左右两侧与我的活动链接居中的位置。现在我找到了一种方法，可以让滚动条从左到链接本身的中心。如果它更有意义，我需要活动链接左右的空间相等

//修改自https://jsfiddle.net/onigetoc/6bfuspkq/
jQuery.fn.scrollCenter=函数（elem）{
//这个时间选择器
//elem=.active
var active=jQuery（this）.find（elem）；//查找活动元素
//var activeWidth=active.width（）；//获取活动宽度
var activeWidth=active.width（）/2；//获取活动宽度中心
//警报（活动宽度）
//var pos=jQuery（'#timepicker.active'）.position（）.left；//获取活动li的左位置
//var pos=jQuery（elem）.position（）.left；//获取活动li的左位置
//var pos=jQuery（this）.find（elem）.position（）.left；//获取活动li的左位置
var pos=active.position（）.left+activeWidth；//获取活动li的左位置+中心位置
var elpos=jQuery（this）.scrollLeft（）；//获取当前滚动位置
var elW=jQuery（this）.width（）；//获取div宽度
//var divwidth=jQuery（elem）.width（）；//获取div宽度
pos=pos+elpos-elW/2；//对于中心位置，如果需要调整，请更改此值
$（此）。向左滚动（位置）；
};
// http://podzic.com/wp-content/plugins/podzic/include/js/podzic.js
jQuery.fn.scrollCenterORI=函数（元素、速度）{
jQuery（this.animate）({
scrollLeft:jQuery（this）.scrollLeft（）-jQuery（this）.offset（）.left+jQuery（elem）.offset（）.left
}，速度==未定义？1000：速度）；
归还这个；
};
$（“#viewContainer”）.scrollCenter（“.active”）
html，
身体，
div{
保证金：0；
填充：0；
}
.集装箱{
宽度：700px；
}
#视图容器{
溢出-x：滚动；
溢出y：隐藏；
-webkit溢出滚动：触摸；
空白：nowrap；
填充：5px0；
高度：90px；
}
.第页{
文本对齐：居中；
宽度：120px；
身高：100%；
边框：1px纯红；
显示：内联块；
}
.主动{
背景颜色：黄色；
}

我很左倾。
文本页
文本页
文本页
文本页
文本页
文本页
文本页
文本页
文本页
文本页
文本页
文本页
如果最后一个DIVE页在中心（也在中心滚动条）上显示出更多的空格，那么它将被激活，这将主要适用于中间的页面。左/右端只需滚动到活动链接的中心。顺便说一下，这很好