d0ublezer0

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

Recommended Posts

Привет.

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

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

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

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

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

 

Edited by d0ublezer0

Share this post


Link to post
Share on other sites

В плагине

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 by d0ublezer0

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,526
    Total Members
    3,128
    Most Online
    Егор0248
    Newest Member
    Егор0248
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.