Основа Магеллана - проверь, липкая ли она

Question

Как я могу проверить с JS, если бар Магеллана (или элемент, который я добавил "data-magellan-expedition='fixed'") липкая при прокрутке?

Я хочу добавить класс, если он липкий. В противном случае класс должен быть удален.

Answer 1

Добавление приведенного ниже конца страницы сценария (с другими сценариями) с последующим использованием класса.navstuck в моем SCSS сработало для меня:

<!--for Sticky Nav per http://codepen.io/zurbchris/pen/rxMaoX-->
      <script>
          $(document).foundation();
          $('.sticky').on('sticky.zf.stuckto:top', function(){
              $(this).addClass('navstuck');
          }).on('sticky.zf.unstuckfrom:top', function(){
              $(this).removeClass('navstuck');
          })
          console.log(Foundation.version);
      </script>

Answer 2

Когда липкая активирована div получает css атрибут

style="position: fixed; top: 0px;"

таким образом, вы можете использовать это, чтобы добавить класс

if ($('#yourElement').css('position') == 'fixed')
{
  // true
}