Javascript jQuery：水平滚动到函数

这是我的代码：

//通用函数
$（“li a”）。单击（函数（）{
$（“li a”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
//水平滚动到功能
$（“li a”）。单击（函数（）{
var offset=this.getBoundingClientRect（）；
var left=offset.left；
$（“#导航”）。向左滚动（左）；
});
：：-webkit滚动条{
显示：无；
}
* {
-ms溢出样式：无；
滚动条宽度：无；
字体系列：无衬线；
框大小：边框框；
保证金：0；
填充：0；
列表样式：无；
字体大小：34px；
颜色：继承；
文字装饰：无；
}
#盒子{
背景颜色：灰色；
高度：300px；
宽度：300px；
溢出y：自动；
滚动行为：平滑；
}
#导航{
位置：固定；
宽度：300px；
显示器：flex；
空白：nowrap；
颜色：白色；
溢出y：自动；
z指数：1；
滚动行为：平滑；
}
李{
右边距：30px；
}
.项目{
宽度：100%；
填充：20px；
}
.项目内容{
高度：200px；
背景色：暗灰色；
}
.主动{
背景色：黑色；
左：0；
}









一个
两个
三
四
五
六
将滚动位置考虑在内：

计算边界矩形时，将考虑已完成的滚动量[…]。这意味着矩形的边界边（
顶部
，
右侧
，
底部
，
左侧
）在每次滚动位置更改时都会更改其值[…]

如果需要相对于文档左上角的边框，只需将当前滚动位置添加到“左上角”属性中即可。

因此，您可以使用当前的
滚动左
位置并添加它：


var$nav=$（'#nav'），
$links=$（'lia'）；
$links.单击（函数（）{
$links.removeClass（“活动”）；
$（此）.addClass（“活动”）；
var left=this.getBoundingClientRect（）.left，
scrollLeft=$nav.scrollLeft（）；
$nav.scrollLeft（左+左滚动）；
});
一二三四五六：：-webkit滚动条{显示：无；}*{-ms溢出样式：无；滚动条宽度：无；字体系列：无衬线；框大小：边框框；边距：0；填充：0；列表样式：无；字体大小：34px；颜色：继承；文本装饰：无；}{背景色：灰色；高度：300px；宽度：300px；溢出-y:自动；滚动行为：平滑；}导航{位置：固定；宽度：300px；显示：柔性；空白：nowrap；颜色：白色；溢出-y:自动；z索引：1；滚动行为：平滑；}li{页边距右侧：30px；}。项{宽度：100%；填充：20px；}。项内容{高度：200px；背景色：暗灰色；}。活动{背景色：黑色；左侧：0；}
将滚动位置考虑在内：

在计算边界矩形时，已完成的滚动量[…]会被考虑在内。这意味着矩形的边界边（
顶部
，
右侧
，
底部
，
左侧
）会在每次滚动位置更改[…]时更改其值

如果需要相对于文档左上角的边框，只需将当前滚动位置添加到“左上角”属性中即可。

因此，您可以使用当前的
滚动左
位置并添加它：


var$nav=$（'#nav'），
$links=$（'lia'）；
$links.单击（函数（）{
$links.removeClass（“活动”）；
$（此）.addClass（“活动”）；
var left=this.getBoundingClientRect（）.left，
scrollLeft=$nav.scrollLeft（）；
$nav.scrollLeft（左+左滚动）；
})；
一二三四五六：：-webkit滚动条{显示：无；}*{-ms溢出样式：无；滚动条宽度：无；字体系列：无衬线；框大小：边框框；边距：0；填充：0；列表样式：无；字体大小：34px；颜色：继承；文本装饰：无；}{背景色：灰色；高度：300px；宽度：300px；溢出-y:自动；滚动行为：平滑；}导航{位置：固定；宽度：300px；显示：柔性；空白：nowrap；颜色：白色；溢出-y:自动；z索引：1；滚动行为：平滑；}li{页边距右侧：30px；}。项{宽度：100%；填充：20px；}。项内容{高度：200px；背景色：暗灰色；}。活动{背景色：黑色；左侧：0；}