Foundation Magellan -检查是否粘性

Question

如何与JS检查滚动时麦哲伦条(或我添加的"data-magellan-expedition='fixed'"元素)是否粘滞？

如果它是粘性的，我想添加一个类。否则，应删除该类。

Answer 1

将下面的脚本添加到页面末尾(与其他脚本一起)，然后在我的SCSS中使用.navstuck类，这对我很有效：

​

<!--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
}