CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : Comment créer cette page HTML avec du CSS svp ???

DébutPage précedente
1
Page suivantePage suivante
raaga raaga
MP
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

Message édité le 31 mai 2020 à 00:46:41 par raaga
fanof_banni fanof_banni
MP
Niveau 10
31 mai 2020 à 00:54:10

position : fixed

raaga raaga
MP
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

Message édité le 31 mai 2020 à 01:07:42 par raaga
fanof_banni fanof_banni
MP
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)

DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : Thymotep
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment