Question

我正在向WordPress页面添加一项功能，而且我很难过。

此页面：http://www.cherishresearch.org/about/team/ 有四个部分，每个部分都有一个ID（#cp，<div class="team-breadcrumb" id="cp"> <h3>Pilot Grant Recipients</h3> <div class="row"> 等）。我想在浏览器中输入一个URL，直接在相应的部分加载页面，因此http://www.cherishresearch.org/about/team/#cp会加载页面顶部的Pilot Grant Recipients部分。这应该会自动生效，但页面最终会在正确的位置加载大约一秒钟，然后跳转到页面顶部的随机位置。我尝试过编写一些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);
}

这是我的javascript：

$(document).ready();

我在$(window).load();和window.location.assign()内尝试了此操作我已尝试<packaging>使用带有锚链接的完整网址。我不知道发生了什么故障。有什么想法吗？

锚点链接的URL会在加载时跳转页面

0 个答案: