Mostrar los tags: scroll

Mostrando del 1 al 10 de 27 coincidencias
<<>>
Se ha buscado por el tag: scroll
Imágen de perfil

Mover el scroll para bajar y subir


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 10 de Junio del 2021 por Katas (200 códigos)
23.991 visualizaciones desde el 10 de Junio del 2021
Este código muestra como mover el scroll de un elemento que tiene el estilo overflow-y:auto; asignado.

Para bajar el scroll, ponemos en la posición scrollTop del elemento el valor de scrollHeight.
Para subir el scroll, simplemente le ponemos la posición scrollTop a 0.

scroll
Imágen de perfil

Obtener la posición del scroll vertical y horizontal


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 8 de Febrero del 2020 por Katas (200 códigos)
2.719 visualizaciones desde el 8 de Febrero del 2020
Función que devuelve la posición del scroll horizontal y vertical en el momento de llamar la función.
Utiliza pageXOffset y pageYOffset si estan definidos, si no, utiliza scrollLeft y scrollTop

1
getScrollPosition(); // {x: 0, y: 180}
Imágen de perfil

Mover objetos con el Scroll (Parallax)


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 24 de Octubre del 2019 por Scriptshow (141 códigos) (Publicado el 21 de Mayo del 2017)
5.275 visualizaciones desde el 21 de Mayo del 2017
Mover objetos, texto, imágenes, etc. con la barra de scroll. Utilizado también para efectos como Parallax.
Un evento invoca la función JavaScript encargada de hacer los efectos. La posición del scroll con respecto al Top, determina la posición de un DIV. Una división matemática, ralentiza el movimiento con respecto al fondo. Hay más opciones posibles...


Espero sea útil.

Un saludo
Imágen de perfil

Permitir scroll sin mostrar la barra


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 20 de Diciembre del 2018 por Xavi (548 códigos)
4.285 visualizaciones desde el 20 de Diciembre del 2018
Este simple código muestra como permitir hacer scroll sin visualizar la barra de scroll, ya que la barra esta escondida detras de un div.

esconder-scroll
Imágen de perfil

Menú de opciones dentro de un cuadro con scroll


CSS

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 20 de Diciembre del 2018 por Xavi (548 códigos) (Publicado el 31 de Octubre del 2018)
2.631 visualizaciones desde el 31 de Octubre del 2018
Simple menú de opciones incluido dentro de un cuadro de altura fija, el cual permite mover el menú con flechas o rueda del ratón al ponernos encima del mismo.

menu1

menu2
Anterior123Siguiente