2016-08-15 11 views
0

は、これまでのところ私は、次の処理を行い、その1ページスクロールドット・ナビゲーションを作成するために管理:JavascriptとjQueryの1ページをスクロールドットナビゲーションベースのURLの円滑な移行と

あなたがクリックしたリンク上の「現在」のクラスを追加し、そのリンクに移動します。 これは、リンクチームをクリックするとHTMLで起こりますが、class = "current"が追加されます。

<li class="current"><a href="#firstproject-team">Team</a></li> 

代わりに、直接そこに私を取るの特定のリンクをクリックしたときにそれが起こっているように私には、円滑な移行を行うために助けが必要でしょう。

また、スクロールするときのセクションIDに基づいてclass = "current"を更新する必要があります。 Javascriptがここで働いていないよう

https://jsfiddle.net/tqhykbbn/10/が見えるが、それは私のように、ローカルコンピュータ上で作業している必要があると私はjsfiddleでのjQueryをアップロード:

は、ここに私の現在のコードです。

答えて

1

ページアンカーへのリンクが機能していないのは、IDを割り当てるときにハッシュ記号を挿入したためです。これは構文が正しくありません。これは正しい<div id="firstproject-about">なし#なしです。

円滑な移行のために、いくつかの解決策があります。チェックアウト:https://css-tricks.com/snippets/jquery/smooth-scrolling/

関連する問題