問題タブ [jquery-waypoints]

例のページは、FF と Chrome ではほとんど期待どおりに機能しますが、Safari では機能しません。いくつかの位置の変更があります (固定から静的に戻って固定に戻る) が、Safari に位置付けに関する問題 (非モバイル サファリ) があることは認識していません。以下は私のコードです：

最初に Chrome を見ると、ページの一番下までスクロールすると、白いコンテンツ (「.tfContent」) が下に展開され、「フッター」が固定位置から静的位置に変わり、高さが増加することがわかります。しかし、サファリではありません。何か案は？また、ウェイポイント機能でページを一番下までスクロールさせる方法はありますか? これは、何らかの理由で機能しません

ここで JQuery ウェイポイントに少し問題があります。私の1ページサイトでの自動スクロールナビゲーションに使用しています：

signaturestories.eu

スクロール ホイールを使用すると正常に動作します。特定の要素が画面の上部に到達するたびに、ナビゲーション アイテムの色を変更する必要があります。問題は、サインアップ --> について --> サインアップを押したときに、3 回目は色が変わらないことです。

script.js:

DIV が他の DIV の上に積み重ねられた大きな垂直スクロールがあります。ユーザーが現在どの DIV を見ているかを把握しようとしています。ウェイポイントを使用してこれをかなりうまく行うことができましたが、ユーザーが DIV 内により多くのコンテンツをロードできるようにし (これにより DIV の高さが高くなります)、ウェイポイントが台無しになっているようです。

私のウェイポイント コードは次のようになります。DIV ごとに 1 つずつあります。

これを行うためのより良い方法があるかどうか疑問に思っていました。おそらく、DIV をテストして、どの DIV が viewportHeight の割合が最も高いかを確認します (ユーザーがスクロールして、DIV1 が 20%、DIV2 が 40% の場合、DIV2 コードなどを実行します)。

どの DIV (高さが不明) が現在表示されているかを知る最良の方法は何ですか?

基本的に、ここでやろうとしているのは、ユーザーがページの一番下までスクロールしたときに、3 div を 1 つずつフェードインすることです。

オンラインで検索したところ、waypoints と呼ばれる jquery プラグインを使用してこれを実現できることがわかりました。しかし、私は Jquery の初心者であり、これを行う方法が本当にわかりません。

誰かが私のコードを親切に見て、私が何を間違えたのか教えてくれれば、本当に役に立ちます!

HTMLは次のとおりです。

JSはこちら

これが私が試したもので、試しても機能しない

$.waypoints('refresh') ヘルプが必要です!

http://jsfiddle.net/VxqNa/9/

Waypointプラグインを使用して、下にスクロールしているときに別の「トリガー」要素が上から25％のときに1つの要素をfadeTo 50％にし、「トリガー」要素が上から25％のときにfadeTo 100％にしようとしています。上にスクロールしています。

現在、上記のコードは何もしていません。私が見逃しているものはありますか？私は jQuery の専門家ではありませんが、自分のコードからなんらかの応答を得ることができたことは一度もありません。

jquery ウェイポイントのプラグインを開始しようとしていますが、waypoint.reached コールバックのトリガーが得られません。jsfiddle で私の例を見てください:

http://jsfiddle.net/yAfhU/1/

コールバック関数は実行されません:

ページジャンプの速度を調整しようとしています。ここに私が持っているjQueryがあります:

});

どこに追加すればよいかわかりません：

または似たようなもの。