Question

这里有设计问题。如何让＃main-wrapper滑过下一页的＃single-carousel：http://duijnisveld.wpengine.com/

现在它在向上滚动时向上移动，我需要旋转木马保持放置并在向下滚动时让主包装器滑过它。

给予.header-foto-wrapper position: fixed和#main-wrapper position: relative给我带来意想不到的行为，我明显遗漏了一些重要的事情。

*请注意，在网址中，.header-foto-wrapper没有固定位置，因为它会破坏布局，而且它是客户要查看的实时网站。

谢谢！

Answer 1

你需要申请宽度。当容器从内容流中拉出容器时，容器会计算宽度，这会有点不稳定。宽度：100％将填充页面宽度。您还需要向下移动内容区域并应用背景颜色。

.header-foto-wrapper {
  position: fixed;
  width: 100%;
}

#main-wrapper {
  position: relative;
  top: 100%;
  background: #fff;
}

Answer 2

将位置设为绝对位置。

.wrapper {
position: absolute;
left: 100px;
top: 150px;
}