Tengo muchos elementos en una página web de mi APP.
¿Cómo hacer que cuando el cursor no se desplace sobre ninguno de los elementos desplazables, se dirija automáticamente a un elemento designado?
Cuando el usuario usa la rueda del mouse o los botones de flecha cuando no está en ningún elemento que se pueda desplazar (incluido el <body> ), no se activa ningún evento de desplazamiento. Este también es el caso cuando el usuario intenta desplazarse hacia arriba cuando está en la parte superior y cuando intenta desplazarse hacia abajo cuando está en la parte inferior.
Por lo tanto, un oyente de desplazamiento no funcionará. Probablemente necesite escuchar los eventos de la rueda del mouse .
Probablemente necesites:
wheel en la ventana (para que escuche todos los eventos de la rueda)if (e.target.closest('.scrollable1, .scrollable2')) return;.scrollTo en el elemento de destino deseado.