横跨页面的Anchor Link

我有一个让我难倒的brainscratcher，所以我希望你们中有一个人能帮助我。横跨页面的Anchor Link

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

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

锚整个页面设置是这样的：

<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

谢谢！

马克

来源

2015-09-11 MrkRtt

你有没有尝试删除那个小浮动“顶”链接它就像它第一次加载时，它跳转到页面的顶部。 – mrunion

mrunion - 是的，我试图删除，没有任何运气。感谢您的建议。我不知道为什么这个简单的东西不起作用。它也发生在我正在处理的其他网站上。非常令人沮丧 – MrkRtt

这绝对是页面跳转后加载脚本并将页面重置为页首的问题。我发现这：http：//stackoverflow.com/questions/19453813/preventing-anchor-from-jumping-on-page-load这似乎是一个修复，虽然它没有为我的实施工作...一些脚本在我的网页上加载一点点，所以我认为需要有某种延迟 - 任何想法的人？ – MrkRtt

MAYB你可以试试这个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'); 
});

来源

2018-02-28 08:27:01

横跨页面的Anchor Link

回答

相关问题