获取浏览器底部导航栏下方的单页网站

Question

好的，所以标题可能听起来令人困惑，我不确定。我有一个我在本地工作的网站，我的导航栏从页面底部开始，然后向上滚动并固定在浏览器的顶部。但是，我遇到的问题是让#pageContent转到导航栏下方。它占据了它下面的和之上的空间。请查看我在下面链接的CodePen，看看我的意思。

http://codepen.io/anon/pen/dGVmvx

注1：我在导航栏下方的ID是#pageContent和#pageContentWrapper。它们可以在CSS的最底部找到，并且包含HTML中的所有<br /><br />。如果我正确思考，重点应放在导航栏下方#pageContent（因为它包含#pageContentWrapper。

注2：当他们占据导航栏上方的空间时，他们会覆盖网站的登陆（或家庭）部分。如果您注释掉背景颜色，您将能够看到它。

注3：我只给了他们我做过的背景，所以你们在视觉上对你们来说更容易，除了其他部分，你们可以告诉你们正在处理的部分。一旦它们位于导航栏下方，背景将切换为白色（两者都是）。

Answer 1

解决方案更简单，因为div#pageContent具有绝对值的位置。给它一个top:%100

的CSS属性

div#pageContent {
  background: #d35400;  /* Set this to #fff once you get it where the page content is below the navbar like it should be */
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 98;
  top:100%;
}