1

私は恒星の JS (http://markdalgleish.com/projects/stellar.js/) を使用して、Ipad の視差スクロール サイトをまとめています。特定の高さで関数をトリガーしたいと思います (画面の右側) - stellar.js を使用して、または一般的に、画面の高さの位置を監視し、関数をトリガーした経験のある人はいますか。

乾杯ポール

4

1 に答える 1

1

特定の高さまでスクロールしたら関数をトリガーすることは、少しの 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 は高さと関数を受け取ります。高さは、関数がトリガーされる上からのスクロール距離を指定します。これは、ドキュメントの上端からの以前の高さを記憶し、ユーザーがスクロールするたびにターゲットを通過したかどうかを確認することによって行われます。持っている場合、関数が起動されます。

現状では、これはスクロール位置が渡されるたびに関数を繰り返します - ただし、単一の実行が必要な場合は、変更するのはそれほど難しくありません.

于 2012-10-05T19:37:22.250 に答える