带有固定侧边栏和页脚的水平滚动网站在侧边栏下方滚动答案

【问题标题】：Horizontal Scrolling Website with a fixed sidebar and footer scrolls under the sidebar带有固定侧边栏和页脚的水平滚动网站在侧边栏下方滚动
【发布时间】：2012-01-04 16:17:13
【问题描述】：

我的内容在左侧边栏下方滚动，而不是在到达边栏时消失。左侧边栏和底部页脚都是固定的。

http://karpouzaki.com/finaltouch/

有什么建议吗？

【问题讨论】：

你试过什么？从当前的描述中很难说出您想要什么。
嗨，当您滚动时，我希望内容在菜单侧边栏之前消失。我尝试了自定义滚动条，但没有运气。因为我的页脚和侧边栏是固定的，所以我无法将内容的滚动设置到指定区域。
所以让我看看我是否理解：现在，您有 3 个内容区域：左侧边栏、中心、右侧边栏。中间和右边组成一个“页面”，而左边是一个固定的、永久的菜单。当您滚动时，“页面”部分（中间和右侧）淡入菜单（左侧），但您希望它在到达菜单之前消失，而不是与菜单混合出现。对吗？
您好，是的，这是正确的我不希望内容与左侧的永久菜单混合我希望它在到达菜单之前消失。该网站karpouzaki.com/finaltouch

标签： horizontal-scrolling

【解决方案1】：

您需要将背景从透明更改为不透明。添加这些样式：

#sidebar {
  background: url(../img/bg.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  height: 100%;
  z-index: 1;
}
#footer {
  z-index: 2;
}

应该这样做 - 它为您的侧边栏提供相同的图像背景，但看起来它可以很好地流入页面的其余部分。它扩展了侧边栏的高度，以便其余内容滚动到它“下方”。并且 z-index 的更改会导致侧边栏位于内容上方但位于页脚下方。

【讨论】：

谢谢。我真的很感谢你的帮助。我把它修好了并且可以工作。我还有一个小问题。
在同一个站点 karpouzaki.com/f09/ 我的右上角有内容标题。关于我们 01 ... Portfolio 04 Clients 05. 我正在寻找的是标题说 Portfolio 04 在滚动画廊时重新邮寄固定在同一位置，并且当内容的下一个 Div 是 Client apeears 标题 Portfolio改成 Clients 05. 有什么建议吗？
如果此答案正确，请将其标记为已回答。这听起来像是一个不同的问题，因此您应该将其作为一个新问题发布。