javascript - 使用窗口的主滚动条在其自己的 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 图像。因此，当我滚动时，可以看到文本在标题图像下方流动！

score 2 · Accepted Answer

您应该在标题背景上使用与实际正文背景相同的背景图像（相同的纹理），您将获得所需的效果。

score 0 · Accepted Answer

你的内容 div 应该有：

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

2 回答 2