Passer un bloc en position fixed quand il atteint le haut de page

Bonjour,

Il y a un effet que je trouve sympa et surtout ergonomique.

Quand l'utilisateur descend avec l'ascenceur, un bloc remonte mais passe en position fixed quand il atteint le haut de page.

Exemple avec ce site, observez le comportement du bloc de recherche / compte / contact quand vous descendez dans la page :

Site Erard

Ma question est de savoir si c'est faisable en CSS3 ou s'il faut une tonne de javascript pour avoir cet effet.

Alors, c’est réalisable en CSS mais peu supporté : il s’agit de

position: sticky

. Seuls Firefox et Safari le supportent à l’heure actuelle.

En revanche c’est réalisable en JS assez facilement et sans une tonne de code (je te recommande la lecture de l’article sur HTML5rocks.com).

En revanche sois prudent avec ce genre de choses, il arrive parfois que l’élément qui devient fixe soit plus haut que la page et qu’une partie devienne donc inatteignable…À utiliser avec parcimonie

Bonjour,

Merci de ta réponse, je vais consulter les documentations.

Je ferai des essais pendant le prochain week-end.