Tengo que mover un div cuando se mueve la barra de desplazamiento, pero necesito usar javascript puro, y la posición: fixed no funcionará con el diseño. La posición original del div es relativa a otra cosa. ¿Hay una implementación simple usando y un evento como onScroll, para detectar cuántos píxeles movió la página hacia arriba o hacia abajo y cambiar la posición del div en consecuencia? El div solo necesita moverse verticalmente. Entonces, si puedo detectar cuántos píxeles ha movido la página, simplemente puedo sumarla o restarla a la ubicación del div. Cualquier ayuda es muy apreciada :-).Moving Div with Scroll
Respuesta
window.onscroll = function (e) {
var vertical_position = 0;
if (pageYOffset)//usual
vertical_position = pageYOffset;
else if (document.documentElement.clientHeight)//ie
vertical_position = document.documentElement.scrollTop;
else if (document.body)//ie quirks
vertical_position = document.body.scrollTop;
var your_div = document.getElementById('some_div');
your_div.top = (vertical_position + 200) + 'px';//200 is arbitrary.. just to show you could now position it how you want
}
Eres :-) impresionante que funcionó a la perfección en todos los navegadores que lo probé en . Muchas gracias por ayudarme. – rubixibuc
@Jake Primero que nada tiene que ser your_div.style.top (el estilo no aparece en tu código) ¿no? Y también esto mueve un div solo una vez y no a medida que nos desplazamos. Por favor corrígeme si estoy equivocado! – Ashwin
reemplace 'your_div.top' con' your_div.style.top' – ZiTAL
- 1. DIV auto scroll
- 2. IE7 CSS Scroll Div Bug
- 3. ¿Alguna forma de hacer div scroll en el ipad?
- 4. Fading Element on Scroll
- 5. Jquery Nice scroll no funciona
- 6. desplazamiento suave/scroll inercial/impulso scroll
- 7. Moving Método Plantilla de saltos derivados Compilación
- 8. Modal box en iPhone no scroll
- 9. CSS overflow-y: visible, overflow-x: scroll
- 10. Git rebase and moving directory en el submódulo
- 11. scroll rápido custom thumb
- 12. GridView con scroll horizontal
- 13. Android Scroll Pagination
- 14. ListView get scroll position?
- 15. jQuery-autocomplete scroll issue
- 16. UITableView scroll direction
- 17. JQuery Detect Scroll at Bottom
- 18. Rails form_for with collection_select
- 19. CSS: overflow-y: scroll; desbordamiento-x: Visible
- 20. ¿Cómo puedo hacer que div scroll overflow-x funcione en un navegador móvil?
- 21. loop through elements with jquery?
- 22. jquery load with inline javascript
- 23. ASP.NET: Moving ViewState a pie de la página
- 24. Moving nodos "raíz" o de padres - Doctrina NestedSet extensión
- 25. ¿Qué bibliotecas existen para crear UI "moving/living" en delphi?
- 26. reiniciar TextView scroll to top
- 27. jQuery Parallax/Scroll Events Rendimiento
- 28. jQuery Infinite Scroll y Gridview
- 29. Explorador de eventos Scroll javascript
- 30. Android Maps get Scroll Event
Así que lo que tiene por ahora es ... (aquí es donde se pega un fragmento de código que has hecho hasta ahora) –