Contenedor lateral al hacer click

Este post se publicó hace más de dos años, es posible que la información publicada esté obsoleta o las referencias no existan.

He estado probando “layouts” para mostrar un contenedor lateral al hacer click en un botón. De momento el ganador es el que he os enlazo.

Cosas que hay que tener en cuenta. El responsive (por supuesto) y la posibilidad de que el contenido, en el contenedor lateral, sea mayor que la altura del viewport, problema que se solventa fácilmente con overflow: auto; mostrando un scroll cuando sea necesario.

Demo en codepen