Actualmente estoy trabajando en un tablero y tengo un problema de diseño con respecto a la barra de desplazamiento en el contenido de la página. Una vista previa que muestra las diferentes partes del sitio se puede encontrar aquí .

Puramente por motivos de diseño, necesitaría mantener el contenido actual exactamente en la misma posición (por ejemplo, no creo que cambiar el tamaño de los componentes usando porcentajes funcione correctamente en este caso) pero tener la barra de desplazamiento totalmente a la derecha y permitir desplazamiento en partes que están fuera del elemento principal. En esta imagen , las partes en verde representan las áreas donde se debe habilitar el desplazamiento.

¿Necesito usar JavaScript (estoy usando React) y un componente solo para la barra de desplazamiento o puedo hacer todo en Vanilla CSS?