Scroll et position fixe d'une div dans une fenêtre

Par macinsteph, il y a 9 ans


Bonjour,
je vous explique ce que je veux faire :
j'ai un système d'accordéon Bootstrap qui contient 3 colonnes
La troisième doit suivre le scroll et rester en position fixed dans la hauteur du body de mon premier accordéon
En faite la colonne 3 se bloque en haut de mon accordéon et doit rester bloqué en bas de mon panel-body quand on scroll.

J'utilise un plugin : jquery.sticky.js
il fonctionne très bien pour fixer la colonne 3 au scroll, mais ne reste pas bloqué en bas dans le corps de mon accordéon.

je ne sais pas si j'ai été clair mais j'ai besoin d'aide.

merci

2 réponses

saibe, il y a 9 ans

non, c po clair, mais on va essayer :)

pour ce qui est du 'sticky', en css, de souvenir, il n'y a que firefox qui propose la règle 'sticky', peut être que les autres navigateurs s'y sont mis (fais des tests selon tes besoins...) mais de toutes façons il va falloir palier aux anciens navigateurs...
cf [https://developer.mozilla.org/fr/docs/Web/CSS/position]
je ne connais pas le plugin jquery sticky, je te conseille l'excellent tuto de grafikart : [https://www.youtube.com/watch?v=VU9FcwtRGVg]
cela te permettra de comprendre certaines choses.

ensuite pour ton maxheight (si j'ai bien compris ta div doit rester collée en 'bas' aussi) il faudrait plus de précisions...
ça peut être réglé en css, grâce à l'excellent display : flex, mais cas échéant il te faudra du javascript et la méthode getBoundingClientRect() qui te renverra les dimensions de l'élément dans lequel tu veux 'coller' ton objet et faire 2 3 calculs...

donc, soit :

  • c ok
  • tu te renseignes, et c ok
  • tu précises ta demande (un screenshot par exemple) et on continue ;)

++
seb

macinsteph, il y a 9 ans

bonjour et merci
je vais me pencher sur le tuto de Grafikart !!