Comment faire défiler élément avec vous sur la page?

Question

Je voudrais créer un élément sur un site Web qui défile lorsque vous faites défiler la fenêtre. Dans la plupart des cas, je sais que cela pourrait facilement être résolu avec quelques css de base en utilisant un positionnement fixe. Le problème est, je ne voudrais pas qu'il soit dans le même espace sur l'écran à tout moment. Je voudrais que ce soit un élément de barre latérale qui commence avec le reste du contenu, mais qui ensuite se déplace avec vous lorsque vous faites défiler la page. Voir http://www.demonoid.com/ pour un exemple (voir l'annonce sur le côté droit de la page). Je sais qu'il y a probablement une solution assez simple de css ou de jquery, mais je n'ai pas été capable d'y penser. J'apprécie l'aide.

Merci!

Answer 1

Voici un tutoriel vraiment super pour créer des éléments fixes flottant en utilisant jQuery:

Fixed Floating Elements | jQuery for Designers

Answer 2

Peut-être juste un

if($(window).scrollTop>300) { 

     $("#image").position().top($(window).scrollTop()-$(window).height()); 

    } 

Answer 3

est ici un moyen de le faire.

utilisez position:sticky pour obtenir un élément flottant.

Voici l'article expliqué.

http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit

sticky position demo