Javascript 在侧面水平滚动或向下滚动

因此，我创建了一个网站，在最新版本的chrome中不再使用。我似乎找不到任何其他方法来模仿这一点。创建在桌面和移动设备上向右滚动或侧向滚动的站点最有效的方法是什么？

解决方案改编自，但根据SO政策，在答案中发布代码比简单链接更可取，因为这意味着即使链接资源不可用，答案仍然有效。有关该技术的详细说明，请阅读有关CSS技巧的帖子

：：-webkit滚动条{
宽度：1px；
高度：1px；
}
：-webkit滚动条按钮{
宽度：1px；
高度：1px；
}
身体{
背景：#111；
}
div{
框大小：边框框；
}
.水平滚动包装器{
位置：绝对位置；
显示：块；
排名：0；
左：0；
宽度：100vh；
最大高度：100vw；
保证金：0；
垫面：1px；
背景：#abc；
溢出y：自动；
溢出x：隐藏；
-webkit变换：旋转（-90度）translateY（-100vh）；
变换：旋转（-90度）平移（-100vh）；
-webkit变换原点：右上方；
变换原点：右上角；
}
.水平滚动包装器>div{
显示：块；
填充物：5px；
背景：#驾驶室；
-webkit变换：旋转（90度）；
变换：旋转（90度）；
-webkit变换原点：右上方；
变换原点：右上角；
}
.正方形{
填充：100VH0；
}
.squares>div{
宽度：100vh；
高度：100vh；
利润率：10px0；
}
.squares>div：最后一个孩子{
保证金底部：计算（-100vh+10px）；
}

项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8