2

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

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

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

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

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

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

4

1 に答える 1

2

この部分では、次のように変更します。

// Register each section as a waypoint.
$('#main > .section').waypoint({ offset: '0'});

に：

// Register each section as a waypoint.
$('#main > .section').waypoint({ offset: '50%'});

0 オフセットは画面の上から 0px で、50% は中間点で発火します。それに応じて調整しますが、50% で行う必要があります。

于 2011-09-22T04:39:20.100 に答える