jQuery scrolla göre işlem yaptırmak?

Merhabalar , yaptığım bir projede tepede bulunan bir divin yüksekliğini aldım ve onun altındaki dive yükseklik kadar margin-top verdim. Mobilde sıkıntı yaşamamak için ekran çözünürlüğü değiştikçe otomatik değişmesini istiyorum ama sayfayı yenilemeden değişmiyor. Bunu nasıl halledebilirim? Kullandığım kodlar ise şu şekilde :

<script language="javascript" type="text/javascript">
		 $(document).ready(
			 function DivBoyutDegerleri() {
            var Genislik = $(".main-bg").width();
            var Yukseklik = $(".main-bg").height();
           
		   $(".content").css({"top" : Yukseklik + "px"});

		});
     
	</script>

]

window on resize orientationchange event'ı aradığın şey. Nette araştır bulursun örneklerini.

function DivBoyutDegerleri() {
var Genislik = $(".main-bg").width();
var Yukseklik = $(".main-bg").height();

$(".content").css({"top" : Yukseklik + "px"}
);

$( document ).ready( DivBoyutDegerleri );
$( window ).resize( DivBoyutDegerleri );