2013-01-19 163 views
0

可能重复:
Scroll particular DIV contents with browser’s main scrollbar滚动内容

我试图复制使用资源管理器主滚动条“滚动特定的股利和隐藏固定(位置:固定)标题下的内容“。

查看this website的示例。在网站中,您可以看到,中间的内容可以通过窗口的主滚动条和隐藏在'固定标题下'的内容类型滚动。

下面是我对所述主体(在中间的内容)的CSS:

#body { 
    position: relative; 
    padding: 0; 
    margin-left: 320px; 
    margin-top: 130px; 
    width: 500px; 
} 

并且这对于所述固定报头中的CSS:

#header { 
    position: fixed; 
    top: 0; 
    text-shadow:0 -1px 0 rgba(0,0,0,0.5); 
    width: 100%; 
    height: 130px; 
    z-index:2; 
} 

在内容中间目前在固定标题下滚动,但它显示在那里,因为我的标题只是一个PNG图像。因此,当我正在滚动时,文本可以看作是在标题图像下方流动的文本!

+0

,你可以通过放大和缩小看,在例如网页标题与路面的质地不透明的背景图像,所以你只能archieve本的IEffect以同样的方式 –

+0

thnx为欣约翰! – bytebiscuit

回答

2

你应该在标题背景类似设备的实际身体背景上使用相同的背景图片(质地相同)有,你会得到你想要的效果。

http://jsbin.com/uqimac/1/edit

+0

thnx的提示! – bytebiscuit

0

你的内容的div应该有:

#content { 
    height:500px; /* some fixed height */ 
    overflow:hidden; /* hide the scrollbars */ 
}