お世話になっております。

現在シングルページでスクロールするサイトを作っており
常にページごとにブラウザの画面100%で見せるデザインにしています。(cssで親要素のwidth,heightを100%に)

リサイズした際、可変で横並びの要素が縦になったりで、中身の要素がブラウザの表示領域を超えた時に、height:100%をautoにし、ページの100%表示を解除したいのですが、jqueryの指定の仕方がよくわかりません。

お手数ですが、わかる方いらっしゃいましたらご教授ください。

https://fiddle.jshell.net/kxzooLxL/
簡易的にレイアウトしました。