Make only div scrollable when using transform scale

[vam]

https://codepen.io/frank-underwood/pen/rNNwyLE

I have this typical layout https://i.imgur.com/yQKIULI.png and when the content section is scaled out, I need to make only the content section to be scrollable but keep other sections fixed. The scrollbars need to be attached to the content div when performing the scaling with the transform CSS property.

Please take a look at the playground provided above.

Thanks in advance!

[uxfed]

Transform won’t work for zooming in the way you desire. You’d probably want to increase font-size when zooming. Its container should have overflow: auto; so a scroll bar will appear when there’s insufficient room for the content.

[Author]

Posts