ascenseur ou scroll uniquement sur une partie

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : ascenseur ou scroll uniquement sur une partie

lemime

Emile de son prénom

Bonjour,

Je voudrais ajouter un ascenseur à une partie de mon fichier html qui ressemble dans les grandes lignes à ça :

<header>
</header>
<body>
<table>
<thead>
</thead>
<tbody>
Partie que se remplit de ligne
</tbody>
</table>
</body>

Je veux que l'ascenseur donc n'apparaisse que dans le tbody.
J'ai essayé plusieurs trucs sans succès avec overflow dans le css et rien n'y fait, par exemple :

Code :

* {
...
overflow:hidden;
}
tbody {
...
overflow-y:auto;
}

Dans l'idéal, il faudrait un ascenseur pour cette partie, mais aussi un ascenseur global en réalité pour aller au footer. Donc ex. ci-dessus pas bon.
J'ai utilisé edge et firefox pour tester, même combat.
Une idée ?
Merci par avance

Message édité par lemime le 05-05-2024 à 15:21:18

Publicité

mechkurt

Je ne penses pas que ce soit possible de le faire tel quel sur tbody, surtout sans lui "imposer" une hauteur inférieur à celle réel, car les tr pousseront forcement.
Mais il y'a tout un tas de technique pour rendre les données tabulaire plus "responsive", et donc leur ajouter des ascenseur verticaux et/ou horizontaux, parfois même en fixant la première ligne ou colonne mais la plus simple reste de le mettre dans un div ayant une hauteur défini, pour ton besoin un truc du genre :

Code :

header, footer {text-align:center;background:#777;height:40px;font-size:30px;}
div{height:calc(100vh - 80px);overflow:auto;}

Si tu veux creuser tu peux chercher un peu sur Google, j'ai vu ça en français : https://grafikart.fr/tutoriels/table-responsive-1015 (mais la technique du data label ajoute du js ou alourdit l'html, je suis pas très fan perso).

---------------
D3

lemime

Emile de son prénom

Merci pour ta réponse !
Je vais creuser

FORUM HardWare.fr

Programmation

HTML/CSS

ascenseur ou scroll uniquement sur une partie

Sujets relatifs
responsive scroll pas quand je glisse l'image	Détecter changement d'une partie de page - Améliorer Deezer
Vidéo intégré sans ascenseur ?	[html] fonction scroll
[PHP] Garder uniquement les enregistrements présents dans un tableau	Fade out/hide quand scroll au bout... jpp au secours
[ORACLE] Changer la table dont un trigger fait partie	creer un userform uniquement par code vb dans outlook
Déplacer des fichiers -> dossier avec une partie du nom des fichiers	scroll deux pages liens même endroit = javascript ?
Plus de sujets relatifs à : ascenseur ou scroll uniquement sur une partie

Page générée en 0.039 secondes