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

Question

我想使用Waypoints插件在主体偏移小于-20px的情况下切换导航栏类。

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

有什么方法可以使用Waypoint来检索车身偏移值吗？

$("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");
      });
    }
});