Se connecter

Informatique

Création de sites web

Sujet : Comment créer cette page HTML avec du CSS svp ???
1
raaga
Niveau 7
31 mai 2020 à 00:45:13

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 :

https://www.noelshack.com/2020-22-7-1590878477-structure.png

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

fanof_banni
Niveau 10
31 mai 2020 à 00:54:10

position : fixed

raaga
Niveau 7
31 mai 2020 à 01:06:17

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

fanof_banni
Niveau 10
31 mai 2020 à 12:44:25

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)

1
Sujet : Comment créer cette page HTML avec du CSS svp ???
   Retour haut de page
Consulter la version web de cette page