jquery - ウェイポイントの基本的な使い方

Question

jQuery のWaypointsプラグインを使用して、Web ページの要素を遅延読み込みしようとしています。しかし、私はそれを機能させることができません。:(

私は非常に基本的な例を作りました: http://jsfiddle.net/P3XnN/2/

ウェイポイントのドキュメントによると、私がする必要があるのは次のことだけです。

JS:

$('#waypoint').waypoint(function() {
   alert('You have scrolled to my waypoint.');
});

HTML:

<div style="height: 500px">Scroll down</div>
<div id="waypoint">Waypoint</div>

しかし、それは明らかにそれほど単純ではありません。助けてください。

score 11 · Accepted Answer

プラグインのドキュメントには、次のことを行うoffsetオプションが示されています。

ウェイポイントをトリガーするために、要素の上部がブラウザーウィンドウの上部からどれだけ離れている必要があるかを決定します。ピクセル数として取得される数値、ビューポートの高さのパーセンテージを表す文字列、またはピクセル数を返す関数を指定できます。

waypoint2 番目の引数としてメソッドにオプションを渡すことができます。

$('#waypoint').waypoint(function() {
    alert('You have scrolled to my waypoint.');
}, {
    offset: '100%'
});

ここに更新フィドルがあります。

1 に答える 1