私は1ページのサイトを持っているこのプロジェクトでかなり困惑しています。私はページを上下にスクロールしてナビゲーションをアクティブなリンクに変えさせたいと思っています。スクロール時にアクティブなリンクを持たせる方法
ここは私のテストサイトです。
http://ebresearch1.wpengine.com
私は、スクロールスクリプトを試してみたが、私のサイトは、スクロールスクリプトを殺すいくつかのオフキャンバスCSSやJSを持っています。
私は誰かがこれを動作させるためにいくつかの光を当てることを望んでいます。必要に応じてコードや情報を提供することができます。
ありがとうございます！
location.hashをテストしてみませんか？たとえば、ハッシュが"#fifthSection"の場合、5番目のサークルのクラス名を"inactive-circle"から"active-circle"に変更します。
各セクションのオフセットを確認し、最も近いセクションに対応するnav circleを上に設定できます。
jqueryにあります。jqueryには、各セクションdivの.offset()プロパティを使用できます。そして、あなたがより良い部分がトップに最も近い見つけた関数にこれを分割する必要があります
var section = $('#section1')
if (section.offset() < 20) { // experiment and find your own value for this
set_active_circle(1);
}
：特定の要素section1がトップに近いかどうかをチェックしたい場合たとえば、あなたのような何かを行うことができます他の機能（set_active_circleなど）を呼び出して、対応する円を有効にし、残りの機能を無効にします。
これを手伝ってもらえますか？私は現在のページにこれを実装する方法がわかりません。私にあなたにコードを送る必要があるなら、私に知らせてください。私はあなたの助けに感謝します。 – gdeleon101
ユーザーがスクロールするとき、または読み込み時にのみテストされますか？ divが表示されているかどうかテストした例を見ましたが、ユーザーがスクロールしても機能しませんでした。例がありますか？申し訳ありませんが、最初からコードで素晴らしいです。 – gdeleon101
私はあなたの質問を誤解していると思う、私が追加したばかりの答えを見てください。 – yelsayed