web-dev-qa-db-fra.com

Quelles devraient être la dynamique et le comportement du défilement dans le modèle maître / détails?

J'utilise Style côte à côte du modèle maître/détails, c'est-à-dire que la liste principale et les détails sont visibles en même temps, alors quelle devrait être la dynamique et le comportement du défilement selon l'interface utilisateur moderne dessins.

Comme vous le savez, la section principale peut avoir une liste de variables affichant des centaines de lignes par page ou quelques lignes (Considérez la pagination, la recherche et les filtres).

Pour la section des détails, nous pouvons éventuellement avoir un contenu de hauteur fixe.

Considérez maintenant que les sections maître et détails ont une grande hauteur supérieure à la hauteur de la fenêtre du navigateur, alors que dois-je faire avec le défilement?

Dois-je utiliser le défilement en ligne pour les deux sections en fixant la hauteur, la largeur et la position des deux panneaux; comme?

enter image description here

Ou devrais-je utiliser le défilement du corps HTML avec les actions Aller à et la position horizontale fixe du panneau principal; comme?

enter image description here

4
hamidraza

Je pense que vous devriez avoir une barre de défilement dédiée pour chaque panneau, étant donné que le contenu du panneau est plus grand que la hauteur du panneau.

Cela permettra à l'utilisateur de naviguer dans le contenu. En plus de cela, vous pouvez toujours utiliser le mécanisme Jump To pour relier les sections entre les panneaux droit et gauche.

Indépendamment de ce que vous faites, j'éviterais d'avoir la barre de défilement horizontale englobant toutes les fenêtres comme vous l'avez montré sur la dernière capture d'écran.

2
Leths