0
107
Vistas¿Cómo puedo crear el botón superior/botón y el botón de movimiento de la barra de desplazamiento izquierda/derecha?
¿Hay alguna forma de hacer que el botón de movimiento de la barra de desplazamiento use javascript/jquery? Tomé una captura de pantalla de la hoja de Google, tienen esa opción, pero no puedo entender cómo puedo hacer lo mismo.
1 Respuestas
Responde la pregunta0
Probablemente estén haciendo algo como esto:
Primero, deberá ocultar las barras de desplazamiento predeterminadas, según esta pregunta .
A continuación, deberá implementar sus propias barras de desplazamiento, por ejemplo, algo como este proyecto en GitHub .
Finalmente, cuando implemente sus barras de desplazamiento, cree botones (quizás usando una etiqueta <button> ). En el controlador de clic de botón, cambie .scrollTop o .scrollLeft para desplazar el elemento de forma incremental.
Por ejemplo:
document.getElementById( "my-scroll-left-button" ).onclick = () => { document.getElementById( "my-scroll-container" ).scrollLeft += 30; } document.getElementById( "my-scroll-right-button" ).onclick = () => { document.getElementById( "my-scroll-container" ).scrollLeft -= 30; } document.getElementById( "my-scroll-up-button" ).onclick = () => { document.getElementById( "my-scroll-container" ).scrollTop -= 30; } document.getElementById( "my-scroll-down-button" ).onclick = () => { document.getElementById( "my-scroll-container" ).scrollTop += 30; } Tenga cuidado: si está utilizando CSS scroll-snapping, cambiar manualmente .scrollTop y .scrollLeft puede causar problemas en algunos navegadores. (Sin embargo, no me preocuparía, ya que el ajuste de desplazamiento no suele ser una característica crítica).