Issue - outerHeight(), innerHeight() and height() cannot computing on element that have load() function.

Issue - outerHeight(), innerHeight() and height() cannot computing on element that have load() function.

Hello iam new member on this forum.
I have a problem to get height with 3 function jquery : outerHeight(), innerHeight() and height() when applied on element that have a load function.
My code is very simple and here is that code :
  
    var content = $(".main_profile");
    var csp_height = content.outerHeight();
    var csp_scrollableHeight = content[0].scrollHeight;
    console.log( csp_height );
console.log( csp_scrollableHeight );
console.log( csp_scrollableHeight > csp_height );
    if ( csp_scrollableHeight > csp_height ) {
      $(".scrolling-more").show();
    }
    else{
      $(".scrolling-more").hide();
    }
Hope a good answer :-D