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

时间:2017-11-08 22:56:19

标签: javascript jquery css scroll

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

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

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

我已经尝试了几种方法:

  1. max-width: 100%; width: 100%; overflow: hiddenbody等设置html

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

0 个答案:

没有答案