не удалось получить jquery видимый плагин для работы

Question

Я пытаюсь определить, находится ли мой элемент $ ('. Credits'). Я использую видимый плагин (https://github.com/teamdf/jquery-visible/), который выглядит просто, но у меня проблемы с его работой.

HTML:

<div class="picture full" id='peoplestart'> 
    <img src="img/People/People_1.JPG" /> 
    <div class="text" id="people1text"> 
     <div class="texthead" id="people1head"><span class="kicker">THE</span><br /><span class="big">PEOPLE</span></div> 

    </div> 
</div> 

<div class="picture full"> 
    <img src="img/People/People_2.JPG" /> 
    <div class="text" id="people2text"> 

    </div> 
</div> 

<div class="credits"> 
    (credits here) 
</div> 

JQuery:

$(document).ready(function() { 
    var visible = $('.credits').visible(true); 
    $(window).scroll(function() { 
     if (visible) { 
     // The element is visible, do something 
      console.log('visible'); 
     } 
    }); 

}); 

Я немного сбит с толку. Это должна быть простая вещь, которую я не делаю. Кто-нибудь знает, что я сделал неправильно?

Answer 1

Если я прав, вы хотите знать, видны ли кредиты каждый раз, когда появляется событие прокрутки. Если это так, вам нужно вызвать метод visible() каждый раз, когда появляется событие. Просто обновите свой сценарий следующим образом:

$(document).ready(function() { 
    $(window).scroll(function() { 
     if ($('.credits').visible(true)) { 
     // The element is visible, do something 
      console.log('visible'); 
     } 
    }); 
}); 

См. demo.