Javascript 向下滚动时自动滚动水平导航条div

我想让水平导航栏在我根据导航栏类别位置进入页面时自动滚动。就我而言，这是一个水疗中心

//水平对齐的导航条div
@foreach（$categories作为$category）
@endforeach

我们可以在不使用Javascript的情况下实现

：：-webkit滚动条{
宽度：2倍；
高度：2倍；
}
：-webkit滚动条按钮{
宽度：2倍；
高度：2倍；
}
div{
框大小：边框框；
}
身体{
背景：黑色；
}
.水平滚动包装器{
位置：绝对位置；
显示：块；
排名：0；
左：0；
宽度：80px；
最大高度：500px；
保证金：0；
背景：白色；
溢出y：自动；
溢出x：隐藏；
变换：旋转（-90度）translateY（-80像素）；
变换原点：右上角；
}
.水平滚动包装器>div{
显示：块；
填充物：5px；
背景：#faad1f；
变换：旋转（90度）；
变换原点：右上角；
}
.正方形{
填充：60px0；
}
.squares>div{
宽度：60px；
高度：60px；
利润率：10px；
}

第一组
第2组
第3组
第4组
第5组
第6组
第7组
第8组

这在我的情况下不起作用，兄弟。