跨页面的锚点链接

Posted 2021-05-03

我有一个让我难过的脑力劳动者，所以我希望你们中的一个好人可以帮助我。

我正在两个不同的网站上开发，我试图在页面之间使用页面跳转/锚标记链接到特定内容。

跳转在页面上工作正常，但如果我尝试链接到不同页面上的锚点，它会跳转到适当的位置一两秒钟，然后重新加载回页面顶部。我已经删除了任何我认为可能存在冲突的脚本和内容，或导致页面重新加载而没有任何成功。

整个页面设置的锚点如下：

<h2 id="#anchor">Anchor</h2>

导航在同一页上跳转工作正常：

<a href="#anchor">Anchor</a>

导航从不同页面跳转不起作用：

<a href="index.php#anchor">Anchor</a>

尝试锚定在不同的页面上时是否有不同或更好的技术？

例如：http://www.designdesignonline.com/dev/CCEDC/index.php#events

谢谢！

标记

答案

你可以尝试这个jquery脚本，我试过并为我工作

$(document).ready(function () {
    var hash = '#'+window.location.hash.substr(1);//get the hash from your url
    $('html, body').animate({
        scrollTop: $(hash).offset().top
    }, 'slow');
});