2012-01-04 41 views
1

我的内容在左侧栏下滚动,而不是在到达侧栏时消失。左边栏和底部页脚都是固定的。水平滚动具有固定侧栏和页脚的网站在侧栏下滚动

http://karpouzaki.com/finaltouch/

有什么建议吗?

+0

你有什么试过?很难告诉您目前的描述需要什么。 – 2012-01-04 16:19:25

+0

嗨,当你滚动我想要的内容消失在菜单边栏之前。我尝试了自定义滚动条,但没有运气。由于我的页脚和侧栏是固定的,因此我无法将内容滚动到指定的区域。 – Chris 2012-01-05 15:09:48

+0

所以,让我看看我是否明白:现在,你有3个内容区域:左边栏,中心,右侧边栏。中心和右侧包含一个“页面”,而左侧是一个固定的永久菜单。当您滚动时,“页面”部分(中间和右侧)会淡入菜单(左侧),但您希望它在到达菜单之前消失,而不是与菜单混在一起。那是对的吗? – 2012-01-05 15:55:04

回答

0

您需要将背景从透明变为不透明。添加这些样式:

#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的变化会导致边栏在页面上方,但在页脚下方。

+0

谢谢。我非常感谢你的帮助。我把它修好了,工作。我还有一个小问题。 – Chris 2012-01-10 10:57:39

+0

在同一网站karpouzaki.com/f09/我有右上角的内容标题。关于我们01 ...投资组合04客户05.我正在寻找的是标题说投资组合04重新固定在同一位置,同时滚动画廊,当客户的下一个Div内容成为投资组合更改为客户05.有什么建议吗? – Chris 2012-01-10 11:00:32

+0

如果这个答案是正确的,请标记它回答。这听起来像一个不同的问题,所以你应该把它作为一个新的问题。 – 2012-01-10 15:19:02