添加類時，另一格出現在視口中

Question

請看看我的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'); 
     } 
    }); 
}); 

http://jsfiddle.net/franclowe/KqQds/

Answer 1

我已經更新了工作代碼的提琴：

http://jsfiddle.net/zcZuD/1/

我所做的事情來解決這個問題：

1. 實際添加的jQuery和inview插件作爲依賴項（不要使用直接鏈接到github，雖然它不是CDN）
2. 修復了你的css，所以.test p是紅色的。

Answer 2

試試這個：https://github.com/schaenk/jquery-in-viewport

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