0

ナビゲーションメニューにバグがあります。ページを読み込むと正常に機能します。ナビゲーションページをクリックすると、特定のポイントまでスクロールし、アクティブなクラスがliにアドバタイズされるため、強調表示されます（アクティブに見えます）。 ）しかし、別のページを開いてメニューからナビゲーションリンクをクリックすると、ホームページに戻るはずですが、セクションの位置を取得してアクティブを追加するのに問題があるようですそれにクラス。私はこれに関するどんな助けにも本当に感謝します、ここにサイトへのリンクがあります：

http://staging.creativemagma.com/trinity/

サイトをロードし、ナビゲーションをテストしてから、バイオ投稿を開き、ナビゲーションからのリンクのいずれかをクリックして、問題を経験します。

4

1 に答える 1

0

あなたの問題は、ユーザーがホームページにいるとき、正確なポイントまでスクロールすることがjQueryを介して処理され、ユーザーが他のページからホームページにアクセスしたときに、http: //staging.creativemagma.com/trinity/#about scrolling is yetのようなリンクを使用して処理されることです。ネイティブ ブラウザ メソッドによってのみ制御 - ビューポートに必要な ID を持つ要素のみを表示します。

これを修正するには、これを jquery コードに追加する必要があります。

$('body').animate({
            scrollTop: $($('.anchor#'+document.location.href.split('#')[1])).offset().top
        }, 1500,'easeInOutExpo');

ページが読み込まれた後、URL ハッシュを取得し、次の ID を持つ要素 (span.anchor) を検索し、ドキュメント全体をスクロールします。

于 2012-08-15T07:26:18.780 に答える