jquery - 使粘性固定位置div停止在页脚滚动

Question

我有以下jquery脚本，在一定量的滚动后为div设置固定位置。这很好但我需要这个div在它击中页脚div时停止滚动，否则它会重叠。任何帮助，将不胜感激。 http://wzrd3.wpengine.com/listings/

jQuery(function($) {
function fixDiv() {

  var $cache = $('#sabai-directory-listings-geolocate-directory-map-container'); 
  if ($(window).scrollTop() > 160) 
    $cache.css({'position': 'fixed', 'top': '0', 'padding-top': '90px', 'width': '416px', 'height': '528px', 'bottom': 'auto'}); 
  else
    $cache.css({'position': 'relative', 'top': '0', 'height': '528px', 'padding-top': '0px',});
}

$(window).scroll(fixDiv);
fixDiv();
});