Tengo una lista vertical y en pantallas pequeñas, tiene un desplazamiento overflow-x. existe la clase activa para la pestaña activa. Sin embargo, si hago clic, por ejemplo, en el último elemento, no es visible al 100% como se ve en la captura de pantalla.
Traté de usar la función scrollIntoView() pero no funcionó para dispositivos móviles. ¿Es posible hacerlo a través de CSS? la barra de desplazamiento debe moverse de acuerdo con la pestaña activa, por lo que la pestaña activa siempre debe estar visible
¿Puede compartir el código que ya tiene para que sepamos lo que realmente está tratando de hacer?
¿Estás hablando de pestañas como las que se encuentran en YouTube?
Si es así, parece que tomar CSS de este Codepen responderá a su pregunta si de hecho está preguntando cómo obtener pestañas como las que se muestran arriba. Simplemente mire a su alrededor y vea lo que necesita hacer para modificarlo a su gusto y luego ajuste su código. Haga clic en el enlace y vaya al n. ° 13 (no me deja publicar un Codepen sin código, pero desplácese hacia abajo al n. ° 13 y ahí está su respuesta) https://csshint.com/css-tabs/
Busqué "pestañas css animadas" en Google, fui al primer resultado y me desplacé hacia abajo hasta el n. ° 13 para encontrar esto.