Javascript 复杂网络形式的粘性标题（一款iPhone）

我正在设计一个复杂的web表单（面向训练有素的用户，而不是路过的用户），它有许多部分，其中许多部分包含子部分。根据具体情况，表格可能会变得相当长。如果（子）节标题在（子）节完全滚动过去之前保持可见，可用性将大大增强

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

这在HTML/CSS中是可能的，还是也需要JavaScript？有没有这种行为的例子？你能提供一些提示或线索吗？我甚至不知道从哪里开始

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

+--------------+ | [content] | +-------------------------+ | | +----------+ | | | | | [header] | | | | | +----------+ | | | | | | | | | | | +--------------+ | | | | [view pane] | +-------------------------+ +--------------+ |[内容]| +-------------------------+ | | +----------+ | | || |[标题]| || | | +----------+ | | | | | | | | | | | +--------------+ | | | |[查看窗格]| +-------------------------+

---

我认为没有JavaScript是不可能的。陷阱在于当您滚动到一个新的部分时，页眉会发生变化。或者，更一般地说，让它都可以滚动，然后在到达窗口顶部时附加到窗口顶部。我相信您必须使用JavaScript来检查视口的位置，并在任何给定时间附加适当的标题

---

很抱歉，我没有时间为您制定解决方案，但我希望我的回答提供了一些进一步的见解。

这是几乎肯定需要javascript的事情之一。CSS3允许一些相对复杂的行为，但我认为它不允许任何如此复杂的行为

但是，我可以向您指出这的jQuery实现，by，of和：

我认为这解决了您的问题，并附带了视频播客奖金…=）