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
Respuesta
position:fixed
es la respuesta.
Pero siempre puede consultar la fuente de un sitio web si desea saber cómo lo hacen. Muy educativo!
¿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.
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";
}
http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/
utiliza jQuery con un plug-in de bloqueo de desplazamiento: https://gist.github.com/837729
Me he encontrado con este artículo que explica una solución https://www.virendrachandak.com/techtalk/make-a-div-stick-to-top-when-scrolled-to/
Este enlace está muerto ... tenga en cuenta ... – Meer
- 1. Posición fija - Desplazamiento horizontal
- 2. División de cadena por longitud fija
- 3. ¿Una buena manera de hacer una división rápida en C++?
- 4. barra de desplazamiento sin elevación/altura dinámica fija con barra de desplazamiento
- 5. ¿es posible hacer una barra de calificación fija?
- 6. CSS cómo hacer <TD> una altura fija?
- 7. ¿Hay una manera fácil de hacer clic y arrastrar el desplazamiento en marcos de texto?
- 8. Hacer elemento de posición fija, pero seguir la página de desplazamiento si el contenido es demasiado grande
- 9. ¿Cómo hacer una división de Jquery Mobile Layout para iPad?
- 10. fija de encabezado, pie y barras laterales con desplazamiento área de contenido en el centro
- 11. Impedir el desplazamiento en un MKMapView, también al hacer zoom
- 12. enteros grandes con longitud fija
- 13. desactivar el desplazamiento Al hacer clic en un enlace
- 14. jQuery/CSS: ¿la superposición fija no debería permitir el desplazamiento del fondo?
- 15. GDB: Watchpoint una dirección fija
- 16. ¿Qué es una emisión fija?
- 17. Div desplazándose con la página en una posición fija
- 18. Algoritmo para alcanzar un número en una cantidad fija de pasos usando suma, división y multiplicación solamente
- 19. división entera en php
- 20. Posición fija y anchura Elemento 100% que cubre la barra de desplazamiento vertical en IE
- 21. Mantener fija la imagen de fondo durante el desplazamiento usando css
- 22. ¿Cómo debo hacer la división de enteros en Perl?
- 23. ¿Cómo crear una barra lateral fija/adhesiva en CSS/JS?
- 24. División automática de altura con desbordamiento y desplazamiento cuando sea necesario
- 25. División de una cadena en el primer espacio
- 26. División de una cadena en un iterador
- 27. SlickGrid con la primera columna fija
- 28. Declaración fija en C#
- 29. División de una lista en rangos alfabéticos
- 30. jQuery scrollTo cabecera fija compensado
He usado esto antes de echar un vistazo http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery -plugin/ – elclanrs