como puedo que el scroll no se visible y solo cuando lo requiera lo sea O.o

Sí quieres que el scroll solo sea habilitado cuando el contenido sea mayor que el tamaño del contenedor puedes usar

selector {
	overflow: auto;
}

Si lo que quieres es permitir hacer scroll, pero ocultar la barra por alguna razón puedes usar

/* basados en chromium (chrome, edge nuevo, opera..) */
selector::-webkit-scrollbar {
	display: none
}

/* firefox*/
selector {
	scroll-width: none;
}

Hola @migue-castillo-enriquez

Esto solo se puede hacer en algunos navegadores como Google Chrome, pero puedes hacerlo fácilmente agregando este pseudoelemento al contenedor que tiene la scrollbar

::-webkit-scrollbar {
    display: none;
}

Saludos :D