Sticky footer that appears on scroll?

Is there a way to replicate the scroll appearance of the footer here:

My Page:

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


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

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

  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;