Javascript 滚动页面时块的水平滚动

我没有发现这样的东西。我在灵魂的召唤下写作。任何能帮忙的人-帮忙。到达最后一项后不停止。以及优化其他分辨率。如果你有任何想法，请帮助

const list=document.querySelector（“.js list”）
const section=document.querySelector（“.js客户端”）；
如果（第节）{
window.addEventListener（'scroll'，（）=>{
常数宽度列表=list.offsetWidth；
const halfHeightSection=section.offsetHeight；
控制台日志（半高部分）
const scrollWin=window.scrollY+halfHeightSection；
const sectionHeight=document.querySelector（“.js客户端”）.offsetHeight+halfHeightSection；
如果（scrollWin>=节偏移）{
如果（scrollWin您可以通过将容器元素旋转90度来完成此操作。请检查此示例：


div{
框大小：边框框；
}
身体{
背景：#111；
}
.水平滚动包装器{
位置：绝对位置；
显示：块；
排名：0；
左：0；
宽度：80px；
最大高度：500px；
保证金：0；
背景：#abc；
溢出y：自动；
溢出x：隐藏；
变换：旋转（-90度）translateY（-80像素）；
变换原点：右上角；
}
.水平滚动包装器>div{
显示：块；
填充物：5px；
背景：#驾驶室；
变换：旋转（90度）；
变换原点：右上角；
}
.正方形{
填充：60px0；
}
.squares>div{
宽度：60px；
高度：60px；
利润率：10px；
}
.矩形{
顶部：100px；
填充：100px0；
}
.矩形>div{
宽度：140px；
高度：60px；
利润率：50px 10px；
填充物：5px；
背景：#驾驶室；
变换：旋转（90度）translateY（80像素）；
变换原点：右上角；
}

项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8
项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8
请在此处发布您的代码，并对您想要的结果进行更多解释。谢谢，但这根本不是我需要的，我需要一个滚动条。