导航回主页#id

Question

我正在开发一个Wordpress自定义主题。它是一个寻呼机，但有8个子页面。我的问题是我如何导航到特定部分和ID（示例<a href="#how">how</a>从子页面到导航栏中的主页面（主页）？我使用twitter bootstrap框架和wordpress导航Bootstrap导航沃克。

向下滚动到某个部分的我的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);
}

感谢您的帮助。

Answer 1

如果您使用自定义链接进行导航，则只需对网址加上目标div的哈希ID进行硬编码：

然后将以下代码添加到JS：

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