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.Rendere fisso un div per lo scorrimento
risposta
position:fixed
è la risposta.
Ma puoi sempre guardare la fonte di un sito web se vuoi sapere come fanno qualcosa. Molto educativo!
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.
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";
}
http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/
utilizza jQuery con un plugin blocco scorrimento: https://gist.github.com/837729
Ho trovato questo articolo che spiega una soluzione https://www.virendrachandak.com/techtalk/make-a-div-stick-to-top-when-scrolled-to/
Questo link è morto ... per favore ... – Meer
- 1. div fisso con contenuti dinamici non lo scorrimento
- 2. Interrompi lo scorrimento div quando raggiunge un altro div
- 3. Div con barra di scorrimento all'interno div con posizione: fisso
- 4. Il div relativo passa passando sopra div fisso durante lo scorrimento
- 5. DIV sfarfallio quando posizionandole fisso durante lo scorrimento all'interno di una Div
- 6. pagina Prevenire scorrimento durante lo scorrimento di un elemento div
- 7. Sfondo div fisso
- 8. altezza div bambino 100% posizione interna: div fisso + overflow automatico
- 9. posizione Css fisso per scorrimento orizzontale, ma scorrere verticalmente
- 10. Div sempre visibile durante lo scorrimento
- 11. sincronizza lo scorrimento di due div
- 12. È necessario correggere div durante lo scorrimento rimanere 20px dall'alto
- 13. Impedisci lo scorrimento di un div con i CSS?
- 14. Javascript: scorre da un div all'altro durante lo scorrimento?
- 15. Come posizionare: fisso div scroll orizzontalmente
- 16. Scorrimento iPad - l'intestazione è impostata su Fisso solo quando lo scorrimento termina
- 17. Come rendere "fisso" un pattern in Raphael.js/IE?
- 18. Mantieni fisso un elemento all'interno di un contenitore durante lo scorrimento della finestra
- 19. È necessario un div posizionato in modo fisso all'interno di un div posizionato in posizione assoluta
- 20. Utilizzare jQuery per nascondere la barra di scorrimento div, ma mantenere lo scorrimento?
- 21. Layout div con 3 colonne: fisso - liquido - fisso
- 22. Come posso ottenere un div di posizione fisso per scorrere orizzontalmente con il contenuto? Utilizzando jQuery
- 23. due div: uno fisso, altre distese
- 24. Bootstrap barra di navigazione fisso all'interno div
- 25. Firefox antializing disabilitato, quando si utilizza il DIV fisso
- 26. Elemento posizione CSS "fisso" all'interno del contenitore a scorrimento
- 27. Android :: Webview rimuove la barra di scorrimento per un DIV
- 28. Sfondo fisso div che si sovrappone alle barre di scorrimento del browser
- 29. Nascondere e mostrare div durante lo scorrimento pagina su iphone
- 30. Bootstrap carosello: immagini fuori div durante lo scorrimento
Ho usato questo prima di dare un'occhiata http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery -plugin/ – elclanrs