复杂网络形式的粘性标题(a la iPhone)

我正在设计一个复杂的web表单(面向受过训练的用户,而不是开车经过的用户),它有许多部分,其中许多部分包含子部分。表格可能会变得很长,这取决于具体情况。如果(子)节标题在(子)节完全滚动过去之前保持可见,则可用性将大大增强。

例如,在iPhone上滚动音乐艺术家时,“A”标题保持可见,直到“B”标题向上滚动,将“A”向上弹出屏幕。类似地,Excel允许您冻结表的顶行,尽管这没有iPhone示例那么丰富。

因此,我认为header div应该与view窗格和content div的交叉点顶部对齐:

   +--------------+
   |  [content]   |
+-------------------------+
|  | +----------+ |       |
|  | | [header] | |       |
|  | +----------+ |       |
|  |              |       |
|  |              |       |
|  +--------------+       |
|                         |
|      [view pane]        |
+-------------------------+