这有点复杂......
简单说明: 内容的主要部分有2列,图像宽度为100%;溢出默认滚动。但是如果你点击其中任何一个图像,它就会覆盖一个幻灯片,它覆盖了位于内容主要部分顶部的屏幕的50%,它也会通过使溢出来隐藏主要内容:隐藏;用javascript。
问题是内容主要部分中的图像略有移动,因为滚动条被移除并再次添加(但滑动过来,以便幻灯片可以滚动,主要部分将保持固定)
有没有解决这个问题,仍然保持内容的主要部分宽度为100%?我已经尝试过这样做,以便主要部分内容是滚动条的100%-size的计算宽度,但这种方法仍然使它稍微调整图像大小(这已经在现场演示中实现)。
我还应该注意,我不想要2个滚动条......
答案 0 :(得分:0)
将#wrapper
设为width:100vw;
,将body
设为overflow-y:auto; overflow-x:hidden;
。