親愛なるstackoverflowers、
どういうわけか、ウェイポイントは、発火すべきときではなく、ページが読み込まれたときに発火します。私のウェイポイントの目標は、それがビューポートにあり、上から 90% 離れたときに発火することです。次に、クラス 'hidden' と 'animate fadeInUp' (animate.css を使用) を削除する必要があります。
解決策のアイデアを持っている人はいますか?
ビューポートにスクロールされ、上部から 90% 離れたときにトリガーされる HTML は次のとおりです。
<div class="row hidden" id="waypoint">
これは私が使用している JavaScript ですが、現在、ページが読み込まれた後に自動的に起動します。
<script type="text/javascript">
$('#waypoint').waypoint(function() {
$("#waypoint").removeClass("hidden");
$("#waypoint").addClass("animated fadeInUp");
}, {
offset: '90%'
});
</script>
ここに、私が使用している JS-Plugin と animate.css のリンクがあります。
http://imakewebthings.com/jquery-waypoints/
この小さな謎を解ける人に感謝します。