Waypoints：如果偏移量小于某个值，则执行某些操作

Question

如果使用Waypoints插件，身体偏移小于-20px，我想切换导航栏类。

以下代码不起作用，因为偏移值未定义。

有没有办法使用Waypoints检索身体偏移值？

$("body").waypoint(function() {
    if (offset > -20px) {
      $(".navbar-toggle").on('click', function() {
          $(".navbar").toggleClass("navbar-default navbar-inverse");
      });
    }
});

Answer 1

.offset()返回包含属性top和left的对象。

$("body").waypoint(function() {
    var offsetTop = $('body').offset().top; // top offSet
    var offsetLeft = $('body').offset().left; // left offSet
    if (offsetTop > -20) { // or offsetLeft > -20 with out `px`
      $(".navbar-toggle").on('click', function() {
          $(".navbar").toggleClass("navbar-default navbar-inverse");
      });
    }
});