ScrollTop doesn't work on Chrome and Safari browser

I am currently working on http://www.modsagency.com/home with this page and scrolling the animated logo size. my jquery code

jQuery('#scrlBdy').scroll(function(e) {
    var y = jQuery("#scrlBdy").scrollTop();
    var x = jQuery(document).scrollTop();
    console.log(y);
    console.log(x);
}

      

        
        
        
      

    

it works on firefox but on chrome and safari it always returns 0 scrolltop. you can check the console on the chrome bar. I need this to be fixed soon for my client, please help me.

thank