使用CSS/HTML'冻结窗格'风格的效果

Question

是否可以/轻松创建一个网页,其行为类似于应用了"冻结窗格"的Microsoft Excel电子表格？这样,我的意思是标题和侧边栏应保持固定在其位置,但在页面滚动时向下/向右滚动.

我需要像这样,但我希望它被应用于整个页面,而不是一个表.

Answer 1

这可以转换为position: fixed.

例如,一个div与类

#fixed-div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  background-color: #000;
}

当您滚动时,将保持在浏览器视口的最高100px中固定.

这个小提琴演示了垂直和水平方向的效果. http://jsfiddle.net/ukzYf/1/

希望这可以帮助.