私は恒星の JS (http://markdalgleish.com/projects/stellar.js/) を使用して、Ipad の視差スクロール サイトをまとめています。特定の高さで関数をトリガーしたいと思います (画面の右側) - stellar.js を使用して、または一般的に、画面の高さの位置を監視し、関数をトリガーした経験のある人はいますか。
乾杯ポール
私は恒星の JS (http://markdalgleish.com/projects/stellar.js/) を使用して、Ipad の視差スクロール サイトをまとめています。特定の高さで関数をトリガーしたいと思います (画面の右側) - stellar.js を使用して、または一般的に、画面の高さの位置を監視し、関数をトリガーした経験のある人はいますか。
乾杯ポール
特定の高さまでスクロールしたら関数をトリガーすることは、少しの jQuery でかなり実行可能です。これを行う簡単なコードを次に示します。
function scrollHeightTrigger (height, fn) {
var old_height = $(document).scrollTop();
$(document).scroll(function () {
var new_height = $(document).scrollTop();
if (((height < new_height) && (height >= old_height)) ||
((height < old_height) && (height >= new_height))) {
fn();
}
old_height = new_height;
});
}
scrollHeightTrigger は高さと関数を受け取ります。高さは、関数がトリガーされる上からのスクロール距離を指定します。これは、ドキュメントの上端からの以前の高さを記憶し、ユーザーがスクロールするたびにターゲットを通過したかどうかを確認することによって行われます。持っている場合、関数が起動されます。
現状では、これはスクロール位置が渡されるたびに関数を繰り返します - ただし、単一の実行が必要な場合は、変更するのはそれほど難しくありません.