Fix position of element when scrollheight is met

fixedscroll.jquery.js

// Make position fixed after scrollheight is met
$(window).scroll(function(e){

  var scrollTo = 180;
  var scrollClass = '#gf_page_steps_3';

  $el = $(scrollClass);
  position = $el.position();
  if ($(this).scrollTop() > scrollTo && $el.css('position') != 'fixed'){
    $(scrollClass).css({'position': 'fixed', 'top': '20px'});
  } else if ((position.top < scrollTo) && ($el.css('position') != 'relative')){
     $(scrollClass).css({'position': 'relative', 'top': '0px'});
  }
});