> Faqs > Scroll vertical que no se mueve hasta pasar el ratón

Scroll vertical que no se mueve hasta pasar el ratón

Me gustaría que me indicaráis dónde encontrar la forma o el código para realizar un scroll en sentido vertical y que estuviera sin moverse hasta que se pase el ratón por encima del texto.

Hay una variante de scroll que he visto en este sitio web "desarrollo web" que me gusta mucho también y es que un párrafo completo se mueve verticalmente cada X segundos de forma que no parece móvil todo el tiempo.

Si me podéis indicar el código o el manual donde leerlo...

Respuestas

Tienes que ver qué componente usas para conseguir ese scroll vertical... habrá muchos componentes que te permitan hacerlo.

Siquieres que comience el scroll vertical cuando pasas el ratón por encima, entonces tienes que inicializar el componente justo cuando se coloque el ratón encima. Para detectar el momento de ese "pase del ratón por encima" puedes usar el manejador de evento mouseover.

Un ejemplo sería lo siguiente:

let elemento = document.getElementById('elementoscroll');
elemento.addEventListener('mouseover', function() {
   // Aquí pones el código de inicilización del componente de scroll vertical
   // Será un método que añada al elemento el comporamiento de scroll o simplemente que le pida que inicie el movimiento.
});
Alberto
578 14 40 17

CONVENCIONES:

width/height = TAMAÑO scrolldelay = VELOCIDAD

CODIGO:

<marquee direction="up" width="190" height="600" scrollamount="4" scrolldelay="100" onmouseover="stop()" onmouseout="start()" style="background-color: rgb(255, 255, 255);"> 
  ---AQUI VA LO QUE QUIERAS--- 
</marquee> 
marquee no es un elemento HTML estándar y no se recomienda usar.