内容从溢出滚动转移并溢出隐藏

时间:2015-11-30 08:37:12

标签: javascript html css overflow

这有点复杂......

live demo

简单说明: 内容的主要部分有2列,图像宽度为100%;溢出默认滚动。但是如果你点击其中任何一个图像,它就会覆盖一个幻灯片,它覆盖了位于内容主要部分顶部的屏幕的50%,它也会通过使溢出来隐藏主要内容:隐藏;用javascript。

问题是内容主要部分中的图像略有移动,因为滚动条被移除并再次添加(但滑动过来,以便幻灯片可以滚动,主要部分将保持固定)

有没有解决这个问题,仍然保持内容的主要部分宽度为100%?我已经尝试过这样做,以便主要部分内容是滚动条的100%-size的计算宽度,但这种方法仍然使它稍微调整图像大小(这已经在现场演示中实现)。

我还应该注意,我不想要2个滚动条......

1 个答案:

答案 0 :(得分:0)

#wrapper设为width:100vw;,将body设为overflow-y:auto; overflow-x:hidden;