Скрытие элемента при достижении нижней границы

[d0ublezer0 10]

Привет.

С помощью плагина https://github.com/garand/sticky сделал плавающий блок с меню.

Посмотреть можно тут: https://www.farmadental.ru/service/teeth-implants

Недостаток в том, что меню наезжает на другие элементы, когда заканчивается основной текст на странице.

Не соображу, как бы его скрыть при достижении нижней границы .article-body который, кстати, является для него родителем

Посоветуйте, плз?

 

Edited July 26, 2019 by d0ublezer0

[d0ublezer0 10]

В плагине

https://www.farmadental.ru/templates/fd/js/jquery.sticky.js

есть код, который должен отцеплять плавающий блок при достижении нижней границы контейнера, но он почему то не срабатывает:

var stickyWrapperContainer = s.stickyWrapper.parent();
var unstick = (s.stickyElement.offset().top + s.stickyElement.outerHeight() >= stickyWrapperContainer.offset().top + stickyWrapperContainer.outerHeight()) && (s.stickyElement.offset().top <= s.topSpacing);
          if( unstick ) {
            s.stickyElement
              .css('position', 'absolute')
              .css('top', '')
              .css('bottom', 0)
              .css('z-index', '');
          } else {
            s.stickyElement
              .css('position', 'fixed')
              .css('top', newTop)
              .css('bottom', '')
              .css('z-index', s.zIndex);
          }

 

Edited July 26, 2019 by d0ublezer0