私は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);
}
おかげ
試して。 ?> /#how ">'、現在のJS機能を使用します。 – htmlbrewery
htmlbrewery、末尾にスラッシュはありません。 –