跨页面的锚点链接

问题描述 投票:0回答:1

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

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

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

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

<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

谢谢!

标记

hyperlink tags anchor
1个回答
0
投票

你可以尝试这个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');
});
最新问题
© www.soinside.com 2019 - 2025. All rights reserved.