Rendere fisso un div per lo scorrimento

Question

Come rendere fisso un div al rilevamento dello scorrimento da parte degli utenti.
Esempio: barra laterale destra di Facebook, si blocca quando viene raggiunta una determinata posizione di scorrimento.

Answer 1

position:fixed è la risposta.
Ma puoi sempre guardare la fonte di un sito web se vuoi sapere come fanno qualcosa. Molto educativo!

Answer 2

Non sono sicuro se questo è ciò che intendi?

Ma è possibile aggiungere la posizione CSS-propery: fissa; per farlo apparire sul posto di Sam anche dopo averlo fatto scorrere.

More on CSS positioning

Answer 3

Monitor se o non stiamo scorrimento.

if($(window).scrollTop() > 0){ 
    //we're scrolling our position is greater than 0 from the top of the page. 
    $("#element").css({'position' : 'fixed'}); 
} 

* EDIT

farlo senza jQuery ..

if(window.scrollTop() > 0){ 
    document.getElementById('element').style.position="fixed"; 
} 

Answer 4

http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/

utilizza jQuery con un plugin blocco scorrimento: https://gist.github.com/837729

Answer 5

Ho trovato questo articolo che spiega una soluzione https://www.virendrachandak.com/techtalk/make-a-div-stick-to-top-when-scrolled-to/