URL для ссылки привязки переходит вверх страницы при загрузке

Question

Я добавляю функцию на страницу WordPress, и я в тупике.

На этой странице: http://www.cherishresearch.org/about/team/ есть четыре раздела, каждый с идентификатором (#ca, #cp, так далее.). Я хотел бы, чтобы URL-адрес, введенный в браузер, загружал страницу непосредственно в соответствующем разделе, поэтому http://www.cherishresearch.org/about/team/ загружается с разделом "Получатели пилотных грантов" вверху страницы. Это должно работать автоматически, но страница в конечном итоге загружается в правильном положении в течение секунды, а затем переходит к случайному месту в верхней части страницы. Я пытался написать Javascript, чтобы исправить проблему, и она работает локально, но не на живом сайте.

Каждый раздел настроен так:

<div class="team-breadcrumb" id="cp">
    <h3>Pilot Grant Recipients</h3>
        <div class="row">
         <!-- Content -->

Вот мой JavaScript:

var hash = window.location.hash.substring(1);    

if (hash == 'ci')  {
    var top = document.getElementById('ci').offsetTop;
    window.scrollTo(0, top);
} 
if (hash == 'cs') {
    var top = document.getElementById('cs').offsetTop;
    window.scrollTo(0, top);
} 
if (hash == 'cp') {
    var top = document.getElementById('cp').offsetTop;
    window.scrollTo(0, top);
} 
if (hash == 'ca') {
    var top = document.getElementById('ca').offsetTop;
    window.scrollTo(0, top);
}    

Я пробовал это в обоих $(document).ready(); а также $(window).load();я пробовал window.location.assign() используя полный URL с якорной ссылкой. Я понятия не имею, что работает со сбоями. Какие-нибудь мысли?