問題タブ [jquery-waypoints]

Greasemonkey スクリプトから jQuery Waypoints プラグインを使用しようとしていますが、基本的なテストでさえ動作しないようです。ウェイポイントがユーザースクリプトから機能しない理由を知っている人はいますか?

@必要な行:

脚本：

興味深いことに、「container」クラスを持つこの div が存在する場合、スクリプトが壊れ、このステートメントの外側のコードは実行されません。存在しない要素を見つけるためにセレクターを変更すると、残りのスクリプトは正常に実行されます。

ここで何が起こっているのか誰にも分かりませんか？頭を壁にぶつけています。ありがとう！

PS。(CDN を使用する代わりに) Waypoints プラグイン コードをスクリプトに直接貼り付けることも試みましたが、同じ結果が得られました。

ユーザーがPhoneGap / JQMでスクロールして一番下にヒットした場合、アイテムをリロードしたい。

現在、私はこのソリューションを使用しています：

しかし、安定していないようです。使用できるトリガーされたイベントはありますか? それは Android と iOS で動作しますか? 私のGalaxyでは、下部に来ると何らかの青い境界線がポップアップ表示されますが、ADBにはイベント名が表示されませんでした...

ヒントはありますか？

このチュートリアルhttp://www.webtutorialplus.com/sticky-header-on-scroll-jquery/でウェイポイントを使用してスティッキーヘッダーを作成しています

しかし、「スワップ」するヘッダーを作成するにはどうすればよいですか?

例: http://www.hongkiat.com/blog/にアクセスしてヘッダーを下にスクロールすると、実際にはページに元々表示されている要素ではありません。

そのため、コードは少し進化しています。

この質問以来。

インクリメントを関数内にラップしました。そして、ユーザーが下にスクロールすることによってトリガーされます ( waypoint.js 経由)。しかし、誰かがスクロールするたびに繰り返しではなく、一度だけアニメーション化するにはどうすればよいでしょうか。アイデア？

視差サイトにはいくつかのスライドがありますが、1 つの静的ページへのリンクがあります。その静的なページから特定のスライドにリンクして、スクロール効果を維持するにはどうすればよいですか?

視差スクリプトとして Stellar.js を使用しています。

視差ページでの私のナビゲーション:

各スライドは次のとおりです。

スライドのすぐ上に名前付きアンカーを配置してみました:

ただし、そのセクションにジャンプするだけで、そのセクションまでスクロールダウンすることはありません。

スクロール効果でそのセクションに移動できるようにするには、静的ページで何ができますか?

ウェイポイントの無限スクロール プラグインを使用してコンテンツをロードするページがあります。

AJAX 呼び出しが成功し、DOM 要素が追加された後、コールバックが実行され、カルーセル、ボタン、その他のアニメーションなどの JavaScript 機能が再初期化されます。

最初の AJAX 呼び出しで、切り替えを行うボタンが適切に機能します。次の AJAX 呼び出しでは、新しい DOM 項目が機能しますが、前のボタンをクリックするとトグルが 2 回実行されるようになりました。3 回目の呼び出しでは、元のアイテムが 3 回実行され、2 番目のアイテムが 2 回実行され、新しいアイテムが 1 回実行されるというように、4 回目というように、AJAX コンテンツが呼び出されると複合化が続けられます。

以前にロードされたコンテンツに影響を与えないようにコールバックを分離するにはどうすればよいですか? または、毎回コールバックが必要ないように、JS のグローバル状態を設定する方法はありますか?

擬似コード:

編集：みんなありがとう。すべての答えは、異なるが適切な解決策に私を導きます。選択されたものは、提案されたすべての問題の優れたコレクションであり、読む価値があるため選択されました。

さまざまなアプリで、マーカーを使用した無限スクロールの実装を見てきました。アプリは Objective-C で書かれていると思いますが、同等の jquery (または js ライブラリ) があるかどうか疑問に思っています。

私が探しているのは、一部のデータのグループ マーカーを含む無限スクロールです。たとえば、1 日のすべてのイベントを表示します。グループ マーカーには、「今日」とその日のイベントのリストが表示されます。スクロール後、「明日」のマーカーが表示され、「今日」などに置き換わります。

ここでこれを行うアプリの例

それを行うjqueryライブラリはありますか？マーカーの正しい用語が (今日、明日) 見つからなかったので、stackoverflow に関する議論が見つからなかったのかもしれません。グループマーカーはそれを説明する良い方法ですか?

jquery関数から最上位の位置を取得する固定位置のフッターがあります。ウェイポイントを使用して下にスクロールすると、#main が「ビューの下部」になり、フッターの高さを変更できません。誰にもアイデアはありますか？最終的には、これを下にスライドさせて、より多くのフッター コンテンツを表示する必要があります。ここにフィドルがあります固定位置要素の高さをアニメーション化する方法はありますか?

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