Fix element while scrolling JQUERY HTML CSS

fix-element.js

$(document).ready(function() {
$(window).scroll(function(){
	var eOT	= $('#sH').offset().top; //distance sidebar is from the top of the page
	if($(window).width() >= 992){
		
		var yPT = $(window).scrollTop(); //distance the page has scrolled
		
		//if the distance the page has scrolled is larger than the distance the sidebar is from the top, run
		if(yPT > eOT){
			var yPosW = $(window).scrollTop(); //distance the page has scrolled
			var cH = $("#cH").outerHeight(); //height of the content -page content-
			var lH = $("#lH").outerHeight(); // height of the content -listing content-
			var sH = $("#sH").outerHeight(); //height of the sidebar
			var sL = (cH + lH) - sH; //height of contents minus height of sidebar. The amount left over is the distance the sidebar should be fixed for
			var sLM = yPosW - eOT; 
			
			if(sL + eOT > yPosW){
				$("#sH").css("position","relative");
				$("#sH").css("top", sLM + "px");
			}
			
		}else{
			$("#sH").css("position","relative");
			$("#sH").css("top","0px");
		}
	}
});
});