zurb-foundation - 麦哲伦基金会 - 检查它是否粘稠

Question

"data-magellan-expedition='fixed'"如果 Magellan 条（或我添加的元素）在滚动时粘滞，我如何检查 JS ？

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

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 attr

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

因此您可以使用它来添加一个类

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