Перейти на главную страницу #id

Question

Я разрабатываю специальную тему Wordpress. Это один пейджер, но с 8 подстраницами. Мой вопрос заключается в том, как я могу перейти к определенному разделу с идентификатором (пример <a href="#how">how</a> от до субстраниц на главной странице (домашняя страница) в панели навигации? Я использую структуру twitter bootstrap и для навигации Wordpress Bootstrap Nav Walker.

My 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

Если вы используете пользовательские ссылки для навигации, то просто жёстко в URL. плюс хэш-идентификатор вашего целевого div:

Затем добавьте следующий код на JS:

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