問題タブ [jquery-waypoints]

現在、jQuery ウェイポイントを使用して、ページのセクションをスクロールするときにナビゲーション項目を強調表示しています。それはすべて正常に機能します。http://imakewebthings.github.com/jquery-waypoints/のデモからコードをコピーしていただきありがとうございます。

私のデモは次のとおりです。http://www.pandlmedia.com/index.php/index_new

ただし、すべてのナビゲーション リンクの色を変更するイベントをトリガーする #footer div にウェイポイントも作成したいと考えています。

#footer div を終了すると、元に戻すように指示するものがないため、これは機能しません。jQuery を書いたり、このプラグインを使用したりする経験はあまりありません。これを機能させるには何を追加する必要がありますか? 2 レベルのウェイポイントがあることも問題の原因ですか?

1ページのスクロールサイトにjquery waypointsプラグインを使用しています。固定のトップメニューがあります。

コンテンツ div は次のようになります。

私のスクロールはうまくいっています。しかし、問題はウェイポイントです。リンクをクリックすると、メニューが選択されます (クラスの追加 - 現在)。ページをスクロールするために同じことをするためにウェイポイントを使用しています。下にスクロールすると、正常に動作します。しかし、スクロールアップには完全には機能しません。もう少し上に移動する必要があります。それは動作します。オフセット -1% を使用すると、上にスクロールできます。しかし、下スクロールに問題があります。ここに私のjsコードがあります:

ウェイポイントを使用して非常に単純なスクロール効果を実行しようとしていますが、何らかの理由でウェイポイントをまったく機能させることができません。

jQuery (1.7.1) が正しく読み込まれ、ウェイポイントの前に読み込まれます。このページには他にも jQuery 関数があり、それらはすべて問題なく動作します。例えば：

ウェイポイント ( waypoints.min.js、バージョン 1.1.6) も、jQuery の後、正しく読み込まれます。

しかし、私が何をしても、Firefox以外ではウェイポイントで何も反応しないようです。

waypoint()ロードが完了するかどうかを確認せずに要素を直接呼び出すとdocument、エラーは発生しませんが、反応もありません。

– コンソール エラーや警告は表示されませんが、警告も表示されません ( .wrapperdiv が作成される前にスクリプトが配置されるため、期待していませんでした)。

次のように、 が終了するのを待つ場合document:

– Firefox では動作するようですが、Chrome、Opera、Safari では動作しません。SafariのWebコンソールが教えてくれます

TypeError: 'undefined' は関数ではありません (評価中
'$('.wrapper').waypoint(function() { alert('You have scrolled to an entry.'); })')

– が突然関数でなくなった理由がわかりませundefinedん (または、なぜ関数が突然 に「設定」されたのundefinedか、どちらか正しい見方をするとよいでしょう) …</p>

私は状況下では jQuery や JavaScript 全般に精通していないので、それと競合する可能性のあるものをどこで探すべきか、またはなぜそれが私にこれを行っているのか本当にわかりません。

ヘルプ？

ウェイポイントを使用してページを下にスクロールするスティッキー div を作成するページに取り組んでいます position: fixed で、親 div の下部に到達します。$.waypoints('refresh') が呼び出されるまで、使用しているコードは意図したとおりに機能し、スティッキー div はページの上部に戻り、固定位置を失います。

コードは次のとおりです。

#leftCol はページを下にスクロールする div であり、#content はその親 div です。

私が持っているcssは次のとおりです。

$.waypoints('refresh') が呼び出されたときに #leftCol の位置を維持する方法についてのアイデアは大歓迎です。

ありがとう

プラグインのウェイポイントを使用します ( http://imakewebthings.com/jquery-waypoints/ )

*編集: 実用的なソリューション: http://pastebin.com/x95Qf7m8 *

私がやろうとしているのは、「share-this」タグが下にスクロールされたときに、リンクに含まれる共有ウィジェットをロードすることです。

headjs を使用して外部スクリプトをロードしているため、document.ready の単なる置き換えである head.ready の使用に気付くかもしれません。

私の質問は簡単です。クリックによってトリガーされたときに機能するのに、ウェイポイントプラグインを使用していないのはなぜですか? どんな助けでも大歓迎です

私のウェブサイト : http://www.entendu.info

私のウェブサイト：http ： //www.entendu.info/http://imakewebthings.com/jquery-waypoints/のwaypointsプラグインを使用しています

ユーザーが直接一番下までスクロールすると、ほとんどのウェイポイントはトリガーされず、真ん中のウェイポイントが速すぎて実行できないかのように、最初の2つと最後のウェイポイントだけがトリガーされます。（ウェイポイントは、スクロールしたときに読み込まれるソーシャルボタンです）

何か助けはありますか？PS：head.readyは、headjsを使用して外部スクリプトをロードする場合のdocument.readyの単なる代替手段です。

ここにhtmlとスクリプトがあります。スティッキー ナビゲーション ヘッダーを正しく機能させる方法を見つけましたが、問題は、スクリプトに if/else ステートメントを組み込んで、ウェイポイントを通過した後にコンテンツが「ジャンプ」しないようにしようとしたときに発生します。

ウェイポイントのGoogleマップを作成しています。同じ場所にある始点と終点があります。ウェイポイントで地図を描いているように見えますが、開始場所と終了場所が地図にありません。Aポイントはありません。他の誰かがこれに対処しなければならなかったに違いありません。

何か助けはありますか？これが私のコードです。Google サンプルの標準コード:

また、ウェイポイントは巡回セールスマンのアルゴリズムに従っていないようです。それは私のルートをいたるところに持っています。ルートは最適化されているはずですか?

ありがとう

ユーザーがページを下にスクロールし始めたときに、jQuery ウェイポイントを使用してヘッダーのスタイルを変更しています。ただし、ヘッダーが画面の上部に戻ったときにヘッダーを自然なスタイルに戻そうとするときに苦労しています。つまり、ユーザーがスクロールして上部に戻ります。

私は現在これを持っていますが、ページを下にスクロールするとうまくいきます。

任意の支援をいただければ幸いです。

どうもありがとう