在 div 内滚动的整页背景图像

Question

我希望为电视制作一个“10 英尺”可用的网站。理想情况下，它将有一个全屏背景图像和一个小标题，其中将放置导航，并在其下方有一个内容容器。我希望容器本身有一个滚动条，与浏览器有滚动条相反，因为这会丢失我的顶部标题。

基本上顶部标题应该是固定的，一个背景的图像，一个在自身内部滚动的容器。我曾尝试为此在线查找模板或起点，但结果非常差。到目前为止我发现的最好的是http://css-tricks.com/examples/FullPageBackgroundImage/progressive.php

这几乎是我需要的，除了容器溢出屏幕，所以滚动条在浏览器中。另外这篇文章是在 2010 年写的，也许现在有更好的方法来实现这一点？

Answer 1

您可以使用 CSS 来设置 div 的样式。

div.scroll {
   background-color:#00FFFF;
   width:100px;
   height:100px;
   overflow-y:scroll;
}

然后...您所要做的就是根据需要定位该 div。