Jquery 使用固定位置时防止溢出

我有一个恼人的问题，两个div重叠。我使用视差js作为响应背景，顶部还有一个jumbotron（Bootstrap3）。当我向下滚动我的页面时，jumbotron会跟随并溢出到下面的内容上。我想把jumbotron放在我的视差背景上。抱歉，如果这听起来令人困惑，我不是一个放弃的人，但我可能已经咬了超过我能咀嚼lol。任何帮助都非常感谢：-）谢谢

迄今为止的代码：

 HTML:

  <div class="jumbotron"> 
    <div class="row text-center">

            <h1>Fashionable Fondants</h1>
            <h3>"developing your <span>creative side"</span></h3>
            <a href="about.html" class="btn btn-primary btn-lg">Who We Are</a>
        </div>

               </div><!-- end jumbotron -->
                <div class="bg" data-ibg-bg="img/bg.jpg"> 
                        </div><!-- end bg --> 

---

im使用的视差插件可在此处找到：

您已将jumbotron设置为位置：固定。所以它完全按照你的要求去做。您必须删除位置：已修复

现在，如果您希望将jumbotron放置在屏幕高度的前100%，请创建一个假容器。将html和身高设置为100%。使假容器位置：相对，这样你就可以在里面放置巨型机器人

html, body {
    height:100%;
}
.fake-body { height:100%; position:relative; }
.jumbotron {
    background: none;
    height: 400px;
    width: 100%;
    position:absolute; top:50%; margin-top:-200px;
}

---

参考：

请提供JSFIDLE。你好，alireza safian，谢谢。我已将所有内容上传到JSFIDLE，但无法获取背景图片。谢谢你抽出时间。请修复您的JSFIDLE（正确粘贴资源）。好的，我现在已经粘贴了所有资源，但是我的图像仍然没有显示。视差插件使用“data ibg bg=“img/bg.jpg“代码显示它和我上传的JS。JSFIDLE不显示图像，我尝试过以多种形式发布url，但没有成功。正如您所看到的，jombotron溢出到下面的内容中。这是我第一次使用JSFIDLE，所以我可能没有正确上传它，我会继续摆弄它。请检查这个。那你有什么问题吗？嗨，詹妮弗，很抱歉回复晚了。谢谢你的款待！！！我不知道为什么我会这样说：修正了，我复制和粘贴代码而不是逻辑地看代码的错误。把一个假身体div放在适当的位置也修复了我的其他div布局。再次感谢：-）

html, body {
    height:100%;
}
.fake-body { height:100%; position:relative; }
.jumbotron {
    background: none;
    height: 400px;
    width: 100%;
    position:absolute; top:50%; margin-top:-200px;
}