禁用叠加层上的水平滚动但保持滚动位置

Question

我有一个叠加菜单，其中包含许多溢出窗口宽度的垂直列。我们通过水平滚动浏览此菜单。

点击其中一列将显示＆＃34;详细信息＆＃34;查看，并将列居中放置到窗口中。在此视图中，我想锁定水平滚动，以便用户只能向下滚动详细视图。

然而，问题是当我锁定滚动时我想保持scrollLeft位置，以便列保持在页面的中心位置。

我已经尝试了几种方法：

1. 在max-width: 100%; width: 100%; overflow: hidden，body等设置html

2. 将父容器设置为overflow-x: hidden;成功锁定滚动但重置滚动位置。如果我尝试重新调整translate或left设置，则会裁剪部分。