0

我正在向 WordPress 页面添加一项功能，但我很困惑。

此页面： http: //www.cherishresearch.org/about/team/ 有四个部分，每个部分都有一个 ID（#ca、#cp等）。我希望在浏览器中输入 URL 以直接在适当的部分加载页面，因此http://www.cherishresearch.org/about/team/#cp在页面顶部加载 Pilot Grant Recipients 部分。这应该会自动工作，但页面最终会在正确的位置加载大约一秒钟，然后跳转到页面顶部的随机位置。我已经尝试编写一些 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。我不知道发生了什么故障。有什么想法吗？

4

0 回答 0