Lorsque la grille principale/détaillée d'une application Web (maître étroit à gauche, large volet de détails à droite) n'est pas en plein écran comme Outlook ou l'application iPad Mail, mais est plutôt intégrée à une page qui peut être défilée verticalement, alors où la le volet de détails s'affiche verticalement lorsque le haut de la grille défile hors de la page lorsqu'un élément inférieur dans la liste principale est sélectionné?
Le contenu du volet de détails doit-il être affiché au-dessus du haut de la fenêtre, obligeant l'utilisateur à faire défiler vers le haut pour le voir? Ou dois-je faire en sorte que le contenu du volet de détail "suive" l'utilisateur pendant qu'il défile vers le bas jusqu'à ce qu'il heurte le bas de la grille? Ou existe-t-il une autre option?
Le cas d'utilisation particulier que j'ai à l'esprit est une liste principale qui ne dépassera jamais 25 éléments - suffisamment longue pour que le défilement vers le bas de la liste puisse masquer le haut de la liste sur les petits navigateurs, mais suffisamment court pour que je ne je ne veux pas mettre une barre de défilement séparée sur la liste principale.
Je suis sûr que je ne suis pas la première personne à affronter ce dilemme. Quelles sont les options?
Je suppose qu'il est difficile de répondre au cas d'utilisation générique sans voir de maquette, mais pour le cas d'utilisation particulier, ce qui suit me vient à l'esprit: