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
Réponse acceptée

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

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