Simple partial collapse/condense of a Hero region in Oracle APEX

hero_condense.js

//prerequisite: assign a static ID to your hero region.
//gets offset and height for total displacement
var heroRegionStaticID = "#pageNavCards";
var bottomofpageNavCards = $(heroRegionStaticID).offset().top + $(heroRegionStaticID).outerHeight(); 

$(window).scroll(function(){
    if($(window).scrollTop() > bottomofpageNavCards){
		$("#t_Body_title h1").fadeOut();
		$("#t_Body_title div.t-HeroRegion-col.t-HeroRegion-col--left").fadeOut();
    }
    else{  //obviously get rid of this once you have it working.
       console.log("not there yet..."); 
    }
});