Question

我的jquery航点正常运作。基本上，如果用户向上或向下滚动，我根据div在视口中的位置添加或删除某个div。代码如下所示：

$(function() {
  $('#names').waypoint('sticky', {
    offset: 60,
    stuckClass: 'stuck'
  });

  var bio_container = $('.bio-container');

  bio_container.waypoint({
    handler: function(direction,event) {
      var active_section = $(this);
      if (direction === 'down') {
          $(this).addClass('active');
      }
      else {
          $(this).removeClass('active');
      }
    },
    offset: 'bottom-in-view'
  });
  bio_container.waypoint({
    handler: function(direction,event) {
      var active_section = $(this);
      if (direction === 'down') {
          $(this).removeClass('active');
      }
      else {
          $(this).addClass('active');
      }
    },
    offset: '300'
  });

});

事情变得毛茸茸的地方是基于那种'活跃'的状态我试图操纵dom的不同部分。我正在尝试使用jquery hasClass函数来添加新类。不幸的是，似乎并没有意识到路径影响div具有“主动”类的事实。

这是我的hasClass代码：

$(function(){
  if ($('.steve > .bio-container').hasClass('active')) {
    $('#left-name').addClass('active');
  }
});

我不知道hasClass函数是否超出范围或者是否还有其他问题。我是javascript的新手，所以我真的很茫然。我感谢任何帮助！

Jquery Waypoints并使用hasClass

0 个答案: