Фиксация JQuery Waypoint

Question

Добрый день, я пытаюсь научить себя JQuery waypoints, и сейчас у меня проблемы с попыткой заставить его работать. Идея заключается в том, что когда элемент виден на экране, он будет отображать «предупреждение», говорящее «этот элемент виден». Но всякий раз, когда я просматриваю предупреждение, похоже, не появляется. Вот пример моего кода.

HTML

<section class="container"> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item"></div> 
    <div class="sixteen columns item thing entry" id="example-basic"></div> 
</section> 

Если я поместить эту часть поверх других это, кажется, работает и предупреждение отображается

<div class="sixteen columns item thing entry" id="example-basic"></div> 

Javascript

<script> 
$('.entry').waypoint(function() { 
    alert('The element appeared on the screen.'); 
}); 
</script> 

Answer 1

Tr у обернуть его с док готовый обработчик:

<script> 
    $(function(){ 
     $('.entry').waypoint(function() { 
     alert('The element appeared on the screen.'); 
     }); 
    }); 
</script> 

Answer 2

The Точек по умолчанию для запуска функции, когда элемент попадает в верхней части окна просмотра, не на экране появляется. Вы можете изменить это поведение по умолчанию, передавая параметр offset:

$('.entry').waypoint(function() { 
    alert('The element appeared on the screen.'); 
}, { 
    offset: 'bottom-in-view' // or '100%' 
}); 

'bottom-in-view' будет срабатывать, когда весь элемент пришел в поле зрения. '100%' будет срабатывать, когда какая-либо часть элемента попадает в нижнюю часть окна просмотра.