使用窗口的主滚动条在其自己的div中滚动内容

Question

可能重复： 用浏览器的主滚动条滚动特定的DIV内容

我试图复制“使用浏览器的主滚动条滚动一个特定的div，并将内容隐藏在固定的(位置:固定)标题之下”。

看看本网站上的一个例子。在您可以看到的网站中，中间的内容可以由窗口的主滚动条滚动，内容类型隐藏在固定的标题下面。

下面是我为主体提供的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图像。因此，文字可以看到，因为它在下面流动的标题图像，当我咕噜！

Answer 1

你应该使用相同的背景图像(同样的纹理)在标题背景上，就像实际的身体背景，你会得到你想要的效果。

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

Answer 2

您的内容div应该有：

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