En fait j'ai un site web en Bootstrap qui a une navBar et une table à gauche que j'aimerais fixé pour que quand on scroll ils restent collés sur la page et qu'il n'y ai que les éléments du milieu qui défilent
J'ai fait un petit dessin sur paint :
J'ai essayé avec ce style pour la table:
position: -webkit-sticky;
position: sticky;
top: 0;
Mais le problème c'est qu'elle reste en haut et qu'il faut que je défile jusqu'au dernier élément pour voir la dernière ligne de la table en bas.
Quelqu'un pourrait m'aider svp
Merci d'avance
position : fixed
Le 31 mai 2020 à 00:54:10 fanof_banni a écrit :
position : fixed
ça fonctionne pas car ma table reste collée complètement,du coup quand j'essaie scroller vers le bas pour voir la dernière ligne ça reste bloqué ...
En fait j'aurais besoin qu'elle reste fixée une fois que j'ai scrollé jusque sa dernière ligne puis que ce sont seulement les éléments du milieu qui scrollent
Je suppose que ta "table" est une barre de navigation latérale.
T'as deux solutions :
Soit tu met tes deux barres en position fixed, et tu réduis la hauteur de ta barre latérale pour qu'elle ne dépasse pas.
Soit tu met seulement la barre horizontale en position fixed.
(tu pourrais aussi mettre une barre de défilement sur ta barre latérale (avec un overflow: auto) mais ça ferait bizarre)