Как заставить мою плавающую боковую панель остановиться в нижнем колонтитуле?Что я должен добавить к своему коду jQuery?

Question

Работает хорошо, но я хочу, чтобы мой div остановился у нижнего колонтитула, когда я прокручиваю страницу вниз.Что я должен добавить к своему захватывающему коду, чтобы он остановился у нижнего колонтитула ?

$( document ).ready(function() {
      var setState = function() {
        if(length > yPos && width > xPos){
          //use the fixed sidebar state
          $('#sidebar-fluid').hide();
          $('#sidebar-fixed').show();
        }else{
          //use the fluid sidebar state
          $('#sidebar-fluid').show();
          $('#sidebar-fixed').hide();
        }
      }

      var xPos = 683;
      var yPos = 240;

      var length = $(window).scrollTop();
      var width = $(window).width();

      $( window ).scroll(function (event) {
        length = $(window).scrollTop();
        setState();
      });

      $( window ).resize(function() {
        width = $(window).width();
        setState();
      });
    });