問題タブ [jquery-waypoints]

このページには、ユーザーが入力する小さなフォーム (都市、州、郵便番号) が含まれています。それを送信すると、ページは場所のテーブルを生成します。長いテーブルになる可能性があるため、waypoints.js を使用して、作成したヘッダー div を (テーブルとは別に) 保持し、ビューポートの上部に到達したら修正しようとしています。テーブルが動的に作成されるため、プラグインを機能させるのに問題があります。

JQueryウェイポイントを使用してページの上部に到達したら、JSを使用してヘッダーを固定しようとしています。くっつかないのが難点。助言がありますか？

コードからの選択は次のとおりです。

HTML:

jQuery:

CSS:

ユーザーがスクロールして特定の要素に到達したときに関数を起動して、その要素を「既読」とマークできるようにしたいと思います (現在は廃止された Google リーダーで投稿を表示した後に投稿が既読とマークされた方法を考えてみてください)。たとえば、次のようなページを想像してください。

<divs>最初の 2 つだけがビューポート内に収まると仮定すると、 Dojo のイベント リスナーを使用して、div 3 が表示されたときにイベントを発生させ、div 4 が表示されたときに再びイベントを発生させたいと考えています。(要素が読み取られたときに記録するという私の目標に加えて、これにより、無限スクロールを簡単に実装することもできます。)

jQuery Waypointsツールはまさに私が望んでいることを実行しているように見えますが、私のコードのほとんどは Dojo を使用しているため、この 1 つのタスクだけに jQuery を使用したくありません。Dojo以外のライブラリ/ツールキットに依存しない、これを行うための事前に作成されたツールまたは簡単な方法を見つけたいと思います(Dojo を使用するか、ライブラリをまったく使用しないことで問題ありません)。

更新: Skrollrも私が探していることを実行しているようですが、アニメーションのみです。つまり、ビューポートとの関係に基づいて要素をアニメーション化できます。ただし、私の目標はアニメーションではなく、要素が視点内に入ったときに関数 (Dojo を介して AJAX 呼び出しを行う) をアクティブにすることであるため、これは正確には役に立ちません。

私はサイトを作っている途中で、このサイトのいくつかをメニューに取り入れたいと思っています。 http://webdesign.tutsplus.com/tutorials/javascript-tutorials/create-a-sticky-navigation-header-using-jquery-waypoints/ セクションに基づいてメニュー バーを変更したいのですが、まったく新しいものですjavascriptに問題が発生しています。現在、機能していないようです。助言がありますか？ありがとう！コードの一部を紹介します

ここのメニュー バーは、以下に示すメニュー バーです。これは、nav がジャンプする html 全体のマークに対応しています。

マークはこんな感じ

タグは各マークの直前と直後に使用され、ナビゲーションが変更される目的のセクションを設定します

開発中の新しい Web サイトでウェイポイントを使用しています。リンクの 1 つを facebook に移動したいのですが、ウェイポイント jquery が原因でできません。

リンクの 1 つを単に Facebook.com に移動させるにはどうすればよいですか? どこでも検索しましたが、別の Web サイトにリンクする方法を説明するものは何も見つかりません。

スクロール時に要素をアニメーション化する方法はたくさんありますが、それらはすべて、3 つの状態にまたがるのではなく、ある状態から別の状態にアニメーション化されるようです。

私がやりたいことは次のとおりです。

• 要素の上部がビューポートの下部に入ります: 不透明度 0
• 要素がビューポートの中央にある: 不透明度 1
• ビューポートの上部を離れる要素の下部: 不透明度 0

不透明度0-1-0からウィンドウスクロールでこれら3つの状態をアニメーション化したい

可能ですか？

Web サイトでウェイポイントを使用しているときに、適切なメニュー項目を強調表示するのに問題があります (または、ウェイポイントをトリガーするのがまったくわかりません)。私のコンテンツの 2 番目のセクション (#work) は正常に機能しますが、最初と 3 番目のセクション (#about と #contact) は機能しません。私のjqueryスキルは良くないので、助けてください！

HTML:

Jクエリ:

前もって感謝します！

ただし、ウェイポイントライブラリを使用すると、一般的なjqueryとjavascriptの理解が不十分であるため、問題はスクリプトに関連していないようです。

この行では、属性 href が特定の値であるすべてのアンカーを選択し、クラスを追加または削除します。

しかし、何も起こりません。

コード、および以下のフィドル。

JS:

HTML:

CSS: nav { display:block; 位置: 固定; 幅: 100%; 背景: 赤; }

ここで確認できます：

http://jsfiddle.net/talofo/Bkws7/

私は何を間違っていますか？