問題タブ [jquery-waypoints]

<div class="">ユーザーがその div まで下にスクロールすると、要素がフェードインします。

jQueryプラグインを使用したソリューションと、divがページに表示されているかどうかを確認する別のソリューションを見つけました。できます。

ただし、ユーザーがdivの一番上までスクロールするとすぐにフェードインするため、ユーザーはdivのフェードインを見ることができません。ユーザーがdivの一番下までスクロールした場合にのみdivをフェードインするにはどうすればよいですかユーザーが div 全体の素敵なフェードイン効果を見ることができるように div?

jQuery Waypoints プラグインを使用してスティッキー ナビゲーションを作成しましたが、セクションが選択されたときにナビゲーション オプションを常に強調表示するのに問題があります。

私の例では、セクションが範囲内にある場合にのみメニュー項目が「アクティブ」であることがわかります。これは、ビューポートの高さに基づいて変化します。これは、ウェイポイントがデフォルトで機能するはずの方法です。

http://jsfiddle.net/keith/v6vuN/2/ (またはフルスクリーン版: http://jsfiddle.net/keith/v6vuN/2/embedded/result/ )

セクションが範囲内にない場合でも、メニュー項目を常に強調表示したいと思います。

たとえば、「おすすめ」セクションにいて「連絡先」が表示されている場合、ブラウザー ウィンドウの高さがセクション全体にスクロールできなくても、メニュー オプションを強調表示したいと思います。

それは理にかなっていますか？ページを長くするために、セクション間またはページの下部に多くのパディング/マージンを追加するだけではありません。

ページをdivにロードしています。また、ユーザーがページを下にスクロールするとメニューの色が変わるように、ウェイポイントを確立しようとしています。

私が抱えている問題は、ajax コンテンツが読み込まれると、div の新しい高さがブラウザーによって認識されないことです。

ここに私が持っているものがあります:

何か案は？ありがとう。

ここでドキュメントを読んでいます: jQuery, Waypoints, plugin docs。

そして、クリック イベントでこの jQuery オブジェクト拡張機能を使用して、ウェイポイントを更新したいと思います。

どうやってそれをしますか？

使用: jQuery Waypoints と Masonry を使用して、無限スクロール グリッド レイアウトを作成します。別に、それらは正常に動作します。ただし、それらを連携させる方法がわかりません。

ウェイポイントのコード

石積みのコード (2011 年 9 月 18 日のアニメーション用に更新)

Masonry Infinite Scroll の例を見てきましたが、自分のページで Infinite Scroll を動作させることができません (これが、Waypoints を最初に使用した理由です)。

問題は、div がウェイポイントで読み込まれると、Masonry を介してグリッドに適切に配置されないことです。これに加えて、ロードされたオブジェクトで rel= タグが無効になります (また、Tooltips スクリプトを使用して HTML ツールチップを作成します)。

基本的に、私がやろうとしていること: [1] ウェイポイントを介して div が読み込まれると、前述のツールチップの問題のように、前述の div からのデータをそのまま (適切に起動) に保ちながら、新しく読み込まれたウェイポイント div でグリッド レイアウトを更新します。問題の例は、http://regchan.org/ib/dev/ で直接見ることができます。(ページは最初に 4 つの div をロードするように設定されています。これは最初の 4 つです。次に、次のページ (該当する場合) から 4 つの div がロードされ、それ以上使用できなくなるまでロードされます。)

.poster3 は画像を保持する div のクラスで、#mason は動的に作成されたコンテンツを囲むセレクター div です。

EDIT Masonry サイトの無限スクロール コードを見て、何かをつなぎ合わせました (ただし、データを取得していません)。

ただし、Firebug はエラーをスローしていません。

ページを下にスクロールするとオブジェクトが時計回りに回転し、上にスクロールすると反時計回りに回転する効果を与えるために、スクロール時に画像のフレームを循環させたいと考えています。これを行う可能な方法としてJquery Waypointsプラグインを見てきましたが、これを行うためのよりクリーンな方法を誰かが知っているかどうか疑問に思いました.

ありがとう！

特定の領域のポリゴンがあります (これは障害です)。始点と終点を指定すると、このポリゴンを通過してはならず、新しいルートを指定する必要があります。

その特定のポリゴンのウェイポイントを追加する以外に何か考えはありますか?

ありがとう。

jquery.waypointsプラグインを使用すると、スティッキー要素を簡単に作成できます。そのスティッキー要素のデモは、デフォルトでページの上部の少し下に配置されているナビゲーションバーを示しています。その後、次の動作が行われます。a）ユーザーが下にスクロールし、ナビゲーションバーがビューポートの上部に当たると、そこに固定されます。b）ユーザーがページの一番上までスクロールして戻り、ナビゲーションバーは通常の位置に戻ります。

私は似たようなことをしようとしていますが、多少逆になっています。これは、scribdナビゲーションバーとまったく同じ効果です。このScribdページの一番下から始めて、ゆっくりと上にスクロールして効果を確認します。

これはどのように行われますか？私はウェイポイントがそれを容易にするだろうと思います。ありがとう。

オブジェクトがスクロールしてビューポートに表示されると、jquery waypoints はコールバックを発生させます。これは、基本的な実装では問題なく機能します。

ここで、同じ ' article ' タグに 2 つのウェイポイントを指定しようとしまし<article />た。<article />offset: 121

残念ながら、プラグインは、オブジェクトが上から 121 ピクセルのときに両方のコールバックを起動するため、2 番目の構成が優先されます。

OK、次に連鎖呼び出しを試みました。

しかし、上記とまったく同じ結果が得られます。それを解決するためのアイデアはありますか？

http://imakewebthings.github.com/jquery-waypoints/

ありがとうございました。

誰かが問題が何であるかを言うことができますか？最初にjQueryWaypoints（http://imakewebthings.github.com/jquery-waypoints/）をロードし、テキストの後に表示されるコードを含めました。ページを下にスクロールするときに画像にfadeIn効果が必要ですが、何も起こりません。このソリューションは、Stack Overflowで見つかりました-ユーザーがそのdivにスクロールすると、JQueryがdivをフェードインします 。これが、ソリューションを実行しようとしているリンクです-http://layot.prestatrend.com ありがとうございます。