SPAで最下部にできてしまう余白を消す

Single Page Application（"SPA"）構成でアプリを作るとき、同じpage内にいくつかGroupを作って、そのGroup（”ページGroup”）をShow/Hideしながらページ遷移すると思うのですが、そうするとpage高さは複数のページGroupのウチ一番高いページGroupに合わせる必要があります。

と思って実際やってみると、高さの低いページGroupを表示している時、下の方に膨大な余白ができてしまったので、これを解消する方法をメモしています！

と言ってもコレ↓だけです。

①ページGroupの「Collapse this element's height when hidden」にチェック！
②ページGroupの高さをpage高さと同じにする
③ページGroupの余白に新しいカラのGroup Elementを設置、高さをその余白いっぱいいっぱいにする
④そのGroup Elementの「Collapse this element's height when hidden」にチェック！

以上！