Sticky footer that appears on scroll?

Is there a way to replicate the scroll appearance of the footer here: http://www.hwlochner.com/locations.html

My Page: http://www2017.hwlochner.com/market-sectors/

Hello there,

Please try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

(function($){

  var fh = $('.footer-wrapper').outerHeight();

  $('<div class="new-elem"></div>').insertBefore('.footer-wrapper');
  $('.new-elem').css('height', fh);
    
})(jQuery);

  1. Update
  2. Add the below CSS code to Appearance > Customize > Additional CSS.

@media only screen and (min-width:992px) {

  .site-content {
    position: relative;
    z-index: 2;
    background-color: #F9F9F9;
  }

  .footer-wrapper {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
  }
  
}

Regards,
Kharis