Bonjour,

Je fais actuellement un jeu de gestion dans lequel se trouve une "carte" définie par une sorte de tableau.
Une image valant milles mots, une maquette du résultat voulu :

La taille du tableau pouvant être conséquente, l'utilisateur doit pouvoir scroll horizontalement & verticalement.
Vous voyez sur l'image l'axe des colonnes (avec les lettres), et celui des lignes (avec les chiffres). Lors du scroll, chacun d'entre eux ne doit se déplacer que dans le sens souhaité (pour les colonnes, horizontalement, pour les lignes, verticalement).

J'ai pensé utiliser tout naturellement un <table> mais je vois pas trop comment gérer le côté fixe de la première colonne (sachant qu'elle doit scroll verticalement avec le reste du corps !).

J'aimerai une solution sans JS.

Merci d'avance !

Bonsoir,

Tu fais ton tableau comme prévu, pour les axes latitude et longitude, tu ne les mets pas dans le tableau.

Le 14 mai 2017 à 21:39:03 3pYton3G a écrit :
Bonsoir,

Tu fais ton tableau comme prévu, pour les axes latitude et longitude, tu ne les mets pas dans le tableau.

Si il fait comme ceci, les colonnes concernées (les chiffres dans le cas d'un scroll horizontal) ne seront pas scroll, ce qui est pas mal embêtant en effet...

Je vois mal comment le faire sans JavaScript. Pourquoi tu n'en veux pas ?

Après il y a peut être que tu peux gérer l'attribut CSS du scrolling pour désactiver le scroll sur l'axe Y pour les lettres, et l'axe X pour les chiffres.

Joue avec ça pour voir si tu peux en tirer quelque chose
https://www.w3schools.com/css/css_overflow.asp
https://www.w3schools.comcom/cssref/pr_pos_overflow.asp