我有一个叠加菜单,其中包含许多溢出窗口宽度的垂直列。我们通过水平滚动浏览此菜单。
点击其中一列将显示"详细信息"查看,并将列居中放置到窗口中。在此视图中,我想锁定水平滚动,以便用户只能向下滚动详细视图。
然而,问题是当我锁定滚动时我想保持scrollLeft
位置,以便列保持在页面的中心位置。
我已经尝试了几种方法:
在max-width: 100%; width: 100%; overflow: hidden
,body
等设置html
将父容器设置为overflow-x: hidden;
成功锁定滚动但重置滚动位置。如果我尝试重新调整translate
或left
设置,则会裁剪部分。