web-dev-qa-db-fra.com

Module flottant sur le défilement?

Existe-t-il un moyen de créer un module qui flotte dans sa position (et uniquement dans sa position)?

http://aebb.es/4 ici, je voudrais que le module opt-in fixe sur le côté droit flotte toujours en haut de la page pendant le défilement. Mais le module ne doit jamais quitter la position "sidebar-right" lors du défilement

Pensait-il s'il est résoluble via CSS3? Également ouvert à d'autres solutions

cssmodule-displaypositions
3
laendle

Vous pouvez y parvenir en utilisant ce qui suit (récupérer d'abord la barre latérale de 30% et définir sur la page entourer la visibilité):

.g-block.size-30 #g-aside {
    position: sticky;
    top: 50px;
}

#g-page-surround {
    overflow: visible;
}

Le deuxième bloc de code est un petit correctif, car une position sticky ne fonctionnera pas si l'un des éléments parents a un débordement hidden.

J'espère que cela t'aides

2
Lodder