Jquery 当视口中出现另一个Div时，将类添加到Div

请看我的JS小提琴

我不知道为什么当我的英雄div出现在视口中时，仅仅尝试添加一个类不起作用

$(document).ready(function(){
    $('.hero').bind('inview', function (event, visible) {
      if (visible == true) {
        // element is now visible in the viewport
        $('.home').addClass('test');
      } else {
        // element has gone out of viewport
         $('.home').removeClass('test');
      }
    });
});

---

我已更新了您的工作代码：

我为解决此问题所做的工作：

实际上，将jQuery和inview插件添加为依赖项（不过，不要直接链接到github，它不是CDN）

修复了css，因此

。测试p

为红色

试试这个：

---

定义

不工作

。你的事件被触发了吗？您是否收到任何控制台消息？

if ($('.hero').inViewport()) {
    $('.home').addClass('test');
else {
    $('.home').removeClass('test');
}