2012-03-02 15 views
5

Cómo hacer que un div se fije en la detección de Desplazamiento por parte de los usuarios.
Ejemplo: barra lateral derecha de Facebook, se atasca cuando se alcanza una determinada posición de desplazamiento.Hacer una división fija en el desplazamiento

+1

He usado esto antes de echar un vistazo http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery -plugin/ – elclanrs

Respuesta

7

position:fixed es la respuesta.
Pero siempre puede consultar la fuente de un sitio web si desea saber cómo lo hacen. Muy educativo!

1

¿No está seguro de si esto es lo que quiere decir?

Pero puede agregar la posición CSS-propery: fija; para que aparezca en el lugar sam incluso después de desplazarse.

More on CSS positioning

5

controlar si o no estamos desplazamiento.

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

* EDITAR

hacerlo sin jQuery ..

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

es este Jquery? – sandbox

+0

scrollTop no es jQuery específico, pero el resto sí lo es. – Ohgodwhy

+0

ok ... ¿Se puede lograr esto con javascript también? – sandbox

Cuestiones relacionadas