-1

私はWordpressのカスタムテーマを開発しています。これは1つのページャーですが、8つのサブページがあります。私の質問は、ナビゲーションバーのメインページ(ホームページ)へのサブページからサブページへの例<a href="#how">how</a>の特定のセクションにどのようにナビゲートできるのですか?私はtwitterのブートストラップフレームワークを使用し、ワードプレスのナビゲーションはBootstrap Nav Walkerを使用します。ホームページに戻る#id

マイJavascriptのセクションまでスクロールする(main.js)は、この下にある:助けを

/* 
* Scroll to section 
*/ 
$('body').on('click', '.section-link > a, .section-link', function() { 
    scrollToSection($(this).attr('href')); 

    return false; 
}); 
if (window.location.hash) { 
    scrollToSection(window.location.hash); 
} 

function scrollToSection(id) { 

    var number = 0; 

    if(! $('body').hasClass('scrolled')) { 
     number = $('header.site-header').height() + 40; 
    } 

    $('html, body').animate({ 
     scrollTop: $(id).offset().top - $('.navbar-fixed-top').height() - number 
    }, 500); 
} 

おかげ

+0

試して。 ?> /#how ">'、現在のJS機能を使用します。 – htmlbrewery

+1

htmlbrewery、末尾にスラッシュはありません。 –

答えて

0

あなただけのURLをハードコード、あなたのナビゲーションのためのカスタムリンクを使用している場合。ターゲットdivのハッシュIDを加えたもの:

enter image description here

次に、あなたのJSに次のコードを追加します? `<のhref ="

if(window.location.hash) { 
    scrollToSection(window.location.hash); 
} 
+0

ありがとうございました @htmlbrewery正しくはわかりません。 、header.php? WordPressのバックエンドのID入力を、スクリーンショットのように入力するオプションが必要です http://prntscr.com/dx3knz – mradovac

+0

WordPressの機能 'home url( '/') 'ホームURLを取得します。 – htmlbrewery

関連する問題