複雜網絡表單（iPhone）

粘滯的標題我正在設計一個複雜的Web表單（對於受過培訓的用戶，而不是驅動器），它有許多部分，其中許多部分包含子部分。根據情況，表格可能會變得很長。如果（子）節標題在（子）節完全滾動過去之前保持可見，則可用性將大大增強。複雜網絡表單（iPhone）

例如，在iPhone上滾動音樂藝術家時，「A」標題將保持可見狀態，直到「B」標題向上滾動，向上或向下撞擊屏幕。同樣，Excel允許您凍結表格的第一行，儘管這不像iPhone示例那樣豐富。

這是可能的HTML/CSS或將需要JavaScript嗎？這種行爲有沒有例子呢？您可以提供的任何提示或線索？我甚至不知道從哪裏開始。

所以我想的頭DIV應該是頂部對齊與視圖窗格中的交叉和內容DIV：

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

來源

2010-02-23 nw.

這是那些幾乎肯定需要javascript的東西之一。 CSS3允許一些相對複雜的行爲，但我不認爲它允許任何複雜的事情。

不過，我可以指出你的這個jQuery實現，Remy Sharp，jQuery for Designers和Left Logic：iPhone-like sliding headers。

我認爲這解決了您的問題，並附帶視頻播客獎金... =）

來源

2010-02-23 18:01:01

偉大的聯繫，謝謝。 – 2010-02-23 18:48:34

@nw，不客氣，謝謝接受=） – 2010-02-23 21:14:30

我不相信這是可能沒有JavaScript。當你滾動到一個新的部分時，標題會發生變化。或者更一般地說，它既可以滾動，又可以在窗口到達時粘貼到窗口的頂部。我相信你將不得不使用JavaScript來檢查視口的位置並在任何給定時間附加適當的頭部。

我很抱歉，我沒有時間爲您制定解決方案，但希望我的回答能提供一些進一步的見解。

來源

2010-02-23 16:14:28

複雜網絡表單（iPhone）

回答

相關問題